Skip to content

Commit

Permalink
chore: migrate to bulma/font-awesome 5
Browse files Browse the repository at this point in the history
  • Loading branch information
@blackheaven
blackheaven committed Feb 15, 2025
1 parent e81b44f commit a0462f1
Show file tree
Hide file tree
Showing 10 changed files with 364 additions and 349 deletions.
4 changes: 2 additions & 2 deletions public/js/communityEvents.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<h2>{{ paneTitle }}</h2>
<ul class="events">
<p class="title has-text-black">{{ paneTitle }}</p>
<ul class="events has-text-black">
{{#if noEvent}}
<li>{{ noEventCaption }}</li>
{{/if}}
Expand Down
137 changes: 68 additions & 69 deletions src/layouts/Layout.astro
View file

Large diffs are not rendered by default.

126 changes: 63 additions & 63 deletions src/pages/about.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,72 +3,72 @@ import Layout from '../layouts/Layout.astro';
---

<Layout>
<main>
<div class="container text-justify">
<h2>Qui sommes-nous ?</h2>
<main>
<div class="container is-fluid has-text-justified has-text-black">
<h2 class="title has-text-black">Qui sommes-nous ?</h2>

<p>
Lyon Tech Hub est un groupe informel constitué des membres des différentes communautés IT/tech lyonnaises.
Le groupe est auto-géré par les membres les plus actifs.
</p>
<p>
Lyon Tech Hub est un groupe informel constitué des membres des différentes communautés IT/tech lyonnaises.
Le groupe est auto-géré par les membres les plus actifs.
</p>

<p>
Les membres sont des passionnés, des experts, des curieux, des professionnels de tous horizons:
éditeurs, sociétés industrielles ou commerciales, startups, indépendants, sociétés de service...
Ils sont réunis par la volonté d'apprendre et d'échanger.
</p>
<p>
Les membres sont des passionnés, des experts, des curieux, des professionnels de tous horizons:
éditeurs, sociétés industrielles ou commerciales, startups, indépendants, sociétés de service...
Ils sont réunis par la volonté d'apprendre et d'échanger.
</p>

<h2>Rejoignez nous !</h2>
<h3>sur Slack</h3>
<p>Pour discuter avec les membres de nos communautés sur Slack, <b><a
href="https://slack.lyontechhub.org/">inscrivez-vous</a></b> sur la page : <b><a
href="https://slack.lyontechhub.org/"
title="Inscription sur le Slack de Lyon Tech Hub">https://slack.lyontechhub.org</a></b>.</p>
<h3>en vrai</h3>
<p>
N'hésitez pas à participer aux <b>évenements</b> organisés par les communautés de Lyon Tech Hub ! Rendez-vous
sur la page <a href="/calendar">Calendrier</a>.
</p>
<h3>côtisez</h3>
<p>
Soutenez-nous en côtisant à partir de 1€: <a
href="https://lyontechhub.assoconnect.com/collect/description/415076-s-adhesion-annuelle">par
assoconnect</a>.
</p>
<h2 class="title has-text-black">Rejoignez nous !</h2>
<h3 class="subtitle">sur Slack</h3>
<p>Pour discuter avec les membres de nos communautés sur Slack, <b><a
href="https://slack.lyontechhub.org/">inscrivez-vous</a></b> sur la page : <b><a
href="https://slack.lyontechhub.org/"
title="Inscription sur le Slack de Lyon Tech Hub">https://slack.lyontechhub.org</a></b>.</p>
<h3 class="subtitle">en vrai</h3>
<p>
N'hésitez pas à participer aux <b>évenements</b> organisés par les communautés de Lyon Tech Hub ! Rendez-vous
sur la page <a href="/calendar">Calendrier</a>.
</p>
<h3 class="subtitle">côtisez</h3>
<p>
Soutenez-nous en côtisant à partir de 1€: <a
href="https://lyontechhub.assoconnect.com/collect/description/415076-s-adhesion-annuelle">par
assoconnect</a>.
</p>

<h3>Référencer une communauté</h3>
<p>
Pour inscrire votre communauté, envoyez une <b>pull request sur GitHub</b> pour mettre en ligne les
informations concernant votre communauté.
<ul>
<li>Forkez <a href="https://github.com/lyontechhub/lyontechhub.github.io">le repository du projet</a>. Pour plus
d'informations sur les pull requests, consultez <a
href="https://help.github.com/articles/using-pull-requests">l'aide de Github</a>.
</li>
<li>
Ajoutez les détails de votre communauté dans le fichier
<code><a
href="https://github.com/lyontechhub/lyontechhub.github.io/blob/dev/data/">data/</a>[key].json</code>
utilisée dans le fichier précédent
</li>
<li>
Ajoutez le logo de votre communauté au format PNG dans le répertoire <code><a
href="https://github.com/lyontechhub/lyontechhub.github.io/blob/dev/imgs/">imgs</a></code>, nommé
<code>[key].png</code>
(100px de haut au minimum, pas trop volumineuse)
</li>
<li>Proposez la pull request, elle sera déployée après validation.</li>
</ul>
</p>
<h3 class="subtitle">Référencer une communauté</h3>
<p>
Pour inscrire votre communauté, envoyez une <b>pull request sur GitHub</b> pour mettre en ligne les
informations concernant votre communauté.
<ul>
<li>Forkez <a href="https://github.com/lyontechhub/lyontechhub.github.io">le repository du projet</a>. Pour plus
d'informations sur les pull requests, consultez <a
href="https://help.github.com/articles/using-pull-requests">l'aide de Github</a>.
</li>
<li>
Ajoutez les détails de votre communauté dans le fichier
<code><a
href="https://github.com/lyontechhub/lyontechhub.github.io/blob/dev/data/">data/</a>[key].json</code>
utilisée dans le fichier précédent
</li>
<li>
Ajoutez le logo de votre communauté au format PNG dans le répertoire <code><a
href="https://github.com/lyontechhub/lyontechhub.github.io/blob/dev/imgs/">imgs</a></code>, nommé
<code>[key].png</code>
(100px de haut au minimum, pas trop volumineuse)
</li>
<li>Proposez la pull request, elle sera déployée après validation.</li>
</ul>
</p>

<h2>Des questions ?</h2>
<p> Contactez nous
<ul>
<li>Sur <b>X (Twitter) <a title="@lyontechhub" href="https://x.com/LyonTechHub">@lyontechhub</a></b></li>
<li>Par <b>mail : <a title="[email protected]"
href="mailto:[email protected]">[email protected]</a></b></li>
</ul>
</p>
</div>
</main>
<h2 class="title has-text-black">Des questions ?</h2>
<p> Contactez nous
<ul>
<li>Sur <b>X (Twitter) <a title="@lyontechhub" href="https://x.com/LyonTechHub">@lyontechhub</a></b></li>
<li>Par <b>mail : <a title="[email protected]"
href="mailto:[email protected]">[email protected]</a></b></li>
</ul>
</p>
</div>
</main>
</Layout>
49 changes: 23 additions & 26 deletions src/pages/calendar.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,32 +3,29 @@ import Layout from '../layouts/Layout.astro';
---

<Layout>
<main>
<div class="container-fluid">
<div class="container">
<h1>
Le calendrier partagé par toutes les communautés lyonnaises<br />
<small>Venez rencontrer toutes ces communautés et leurs participants !</small>
</h1>
<p><span class="fa fa-calendar fa-lg"></span>Ajouter le calendrier des nouveaux événements à vos calendriers (<a
href="https://www.lyontechhub.org/Lyon-Tech-Hub-Calendar/calendar.ics">au
format ical</a> ou sur Google via le bouton en bas à droite du calendrier)</p>
<p><span class="fa fa-flash fa-lg"></span>Ajouter une alerte Google Calendar pour ne plus en manquer un!</p>
<main>
<div class="container is-fluid">
<div class="container">
<h1>
Le calendrier partagé par toutes les communautés lyonnaises<br />
<small>Venez rencontrer toutes ces communautés et leurs participants !</small>
</h1>
<p><span class="icon is-medium"><i class="fa fa-calendar"></i></span>Ajouter le calendrier des nouveaux événements à vos calendriers (<a
href="https://www.lyontechhub.org/Lyon-Tech-Hub-Calendar/calendar.ics">au
format ical</a> ou sur Google via le bouton en bas à droite du calendrier)</p>
<p><span class="icon is-medium"><i class="fa fa-flash"></i></span>Ajouter une alerte Google Calendar pour ne plus en manquer un!</p>

<header class="header">
<nav class="navbar">
<button type="button" class="btn btn-default today" id ="calendarToday">Today</button>
<button type="button" class="btn btn-default prev" id ="calendarPrevious">
<i class="fa fa-chevron-left"></i>
</button>
<button type="button" class="btn btn-default next" id ="calendarNext">
<i class="fa fa-chevron-right"></i>
</button>
<span class="navbar--range"></span>
</nav>
</header>
<div id="calendar"></div>
</div>
<nav class="navbar is-justify-content-center">
<button type="button" class="button is-default nav-item" id ="calendarToday">Today</button>
<button type="button" class="button is-default nav-item" id ="calendarPrevious">
<i class="fa fa-chevron-left"></i>
</button>
<button type="button" class="button is-default nav-item" id ="calendarNext">
<i class="fa fa-chevron-right"></i>
</button>
</nav>
<div id="calendar"></div>
</div>
</main>
</div>
</main>
</Layout>
69 changes: 40 additions & 29 deletions src/pages/communities.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,37 +7,48 @@ const communities = getList();
---

<Layout>
<main>
<div class="container-fluid">
<div class="container">
<h1>
{communities.length} communautés diverses et variées regroupées dans Lyon Tech Hub<br />
<small><a href="/about">Par ici pour référencer la votre !</a></small>
</h1>
Rechercher :
<input type="text" id="filterCommunities" onkeyup="dynamicFilter('filterCommunities')" />
<div class="row communitiesList">
{communities
.map(
(community) => (
<div class="col-sm-6 col-md-4 filterable" data-key={community.name}>
<div class="thumbnail">
<a href={`/community/` + community.key}>
<img src={`/imgs/communities/` + community.image}
alt={community.name}
onerror="this.onerror=null;this.src='/imgs/noLogo.png';" />
</a>

<div class="caption">
<h3>{community.name}</h3>
<main>
<div class="container is-fluid has-background-white">
<h1 class="title has-text-black">
{communities.length} communautés diverses et variées regroupées dans Lyon Tech Hub<br />
<small><a href="/about">Par ici pour référencer la votre !</a></small>
</h1>
<div class="field">
<label class="label has-text-black" for="filterCommunities">Rechercher</label>
<div class="control">
<input type="text" id="filterCommunities" onkeyup="dynamicFilter('filterCommunities')" />
</div>
</div>
<br />
<br />
<br />
<div class="columns is-multiline communitiesList">
{communities
.map(
(community) => (
<div class="column is-half-tablet is-one-third-desktop filterable" data-key={community.name}>
<div class="card has-background-white">
<div class="card-image">
<a href={`/community/` + community.key}>
<img src={`/imgs/communities/` + community.image}
alt={community.name}
onerror="this.onerror=null;this.src='/imgs/noLogo.png';"
/>
</a>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4 has-text-black">{community.name}</p>
</div>
</div>
</div>
)
)
}
</div>
</div>
</div>
</div>
)
)
}
</div>
</main>
</div>
</main>
</Layout>
32 changes: 17 additions & 15 deletions src/pages/community/[key].astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,18 +16,19 @@ const { community } = Astro.props;
---

<Layout>
<main>
<h1>
<img src={"/imgs/communities/" + community.image}
onerror="this.onerror=null;this.src='/imgs/noLogo.png';"
/>
{community.name}
</h1>
<div class="container-fluid community"
id="communityDetails"
data-patterns-google-calendar={JSON.stringify(community.patternsGoogleCalendar)}>
<div class="col-lg-4">
<h2>En bref...</h2>
<main>
<h1 class="title has-text-black">
<img src={"/imgs/communities/" + community.image}
onerror="this.onerror=null;this.src='/imgs/noLogo.png';"
/>
{community.name}
</h1>
<div class="container is-fluid community"
id="communityDetails"
data-patterns-google-calendar={JSON.stringify(community.patternsGoogleCalendar)}>
<div class="columns">
<div class="column has-text-black">
<p class="title has-text-black">En bref...</p>
<p>{community.shortDescription}</p>
<ul class="socialLinks">
{community.socialLinks
Expand All @@ -41,16 +42,17 @@ const { community } = Astro.props;
}
</ul>
</div>
<div class="col-lg-4"
<div class="column is-4"
id="upcomingEvents"
data-pane-title="A venir !"
data-no-event-caption="Pas d'événements dans les 4 prochains mois.">
</div>
<div class="col-lg-4"
<div class="column is-4"
id="pastEvents"
data-pane-title="Ce que vous avez manqué..."
data-no-event-caption="Pas d'événements durant les 4 derniers mois.">
</div>
</div>
</main>
</div>
</main>
</Layout>
Loading

0 comments on commit a0462f1

Please sign in to comment.