Skip to content

Commit a0462f1

Browse files
blackheavenblackheaven
committed
chore: migrate to bulma/font-awesome 5
1 parent e81b44f commit a0462f1

10 files changed

+364
-349
lines changed

‎public/js/communityEvents.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<h2>{{ paneTitle }}</h2>
2-
<ul class="events">
1+
<p class="title has-text-black">{{ paneTitle }}</p>
2+
<ul class="events has-text-black">
33
{{#if noEvent}}
44
<li>{{ noEventCaption }}</li>
55
{{/if}}

‎src/layouts/Layout.astro

+68-69
Large diffs are not rendered by default.

‎src/pages/about.astro

+63-63
Original file line numberDiff line numberDiff line change
@@ -3,72 +3,72 @@ import Layout from '../layouts/Layout.astro';
33
---
44

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

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

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

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

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

64-
<h2>Des questions ?</h2>
65-
<p> Contactez nous
66-
<ul>
67-
<li>Sur <b>X (Twitter) <a title="@lyontechhub" href="https://x.com/LyonTechHub">@lyontechhub</a></b></li>
68-
<li>Par <b>mail : <a title="[email protected]"
69-
href="mailto:[email protected]">[email protected]</a></b></li>
70-
</ul>
71-
</p>
72-
</div>
73-
</main>
64+
<h2 class="title has-text-black">Des questions ?</h2>
65+
<p> Contactez nous
66+
<ul>
67+
<li>Sur <b>X (Twitter) <a title="@lyontechhub" href="https://x.com/LyonTechHub">@lyontechhub</a></b></li>
68+
<li>Par <b>mail : <a title="[email protected]"
69+
href="mailto:[email protected]">[email protected]</a></b></li>
70+
</ul>
71+
</p>
72+
</div>
73+
</main>
7474
</Layout>

‎src/pages/calendar.astro

+23-26
Original file line numberDiff line numberDiff line change
@@ -3,32 +3,29 @@ import Layout from '../layouts/Layout.astro';
33
---
44

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

18-
<header class="header">
19-
<nav class="navbar">
20-
<button type="button" class="btn btn-default today" id ="calendarToday">Today</button>
21-
<button type="button" class="btn btn-default prev" id ="calendarPrevious">
22-
<i class="fa fa-chevron-left"></i>
23-
</button>
24-
<button type="button" class="btn btn-default next" id ="calendarNext">
25-
<i class="fa fa-chevron-right"></i>
26-
</button>
27-
<span class="navbar--range"></span>
28-
</nav>
29-
</header>
30-
<div id="calendar"></div>
31-
</div>
18+
<nav class="navbar is-justify-content-center">
19+
<button type="button" class="button is-default nav-item" id ="calendarToday">Today</button>
20+
<button type="button" class="button is-default nav-item" id ="calendarPrevious">
21+
<i class="fa fa-chevron-left"></i>
22+
</button>
23+
<button type="button" class="button is-default nav-item" id ="calendarNext">
24+
<i class="fa fa-chevron-right"></i>
25+
</button>
26+
</nav>
27+
<div id="calendar"></div>
3228
</div>
33-
</main>
29+
</div>
30+
</main>
3431
</Layout>

‎src/pages/communities.astro

+40-29
Original file line numberDiff line numberDiff line change
@@ -7,37 +7,48 @@ const communities = getList();
77
---
88

99
<Layout>
10-
<main>
11-
<div class="container-fluid">
12-
<div class="container">
13-
<h1>
14-
{communities.length} communautés diverses et variées regroupées dans Lyon Tech Hub<br />
15-
<small><a href="/about">Par ici pour référencer la votre !</a></small>
16-
</h1>
17-
Rechercher :
18-
<input type="text" id="filterCommunities" onkeyup="dynamicFilter('filterCommunities')" />
19-
<div class="row communitiesList">
20-
{communities
21-
.map(
22-
(community) => (
23-
<div class="col-sm-6 col-md-4 filterable" data-key={community.name}>
24-
<div class="thumbnail">
25-
<a href={`/community/` + community.key}>
26-
<img src={`/imgs/communities/` + community.image}
27-
alt={community.name}
28-
onerror="this.onerror=null;this.src='/imgs/noLogo.png';" />
29-
</a>
30-
31-
<div class="caption">
32-
<h3>{community.name}</h3>
10+
<main>
11+
<div class="container is-fluid has-background-white">
12+
<h1 class="title has-text-black">
13+
{communities.length} communautés diverses et variées regroupées dans Lyon Tech Hub<br />
14+
<small><a href="/about">Par ici pour référencer la votre !</a></small>
15+
</h1>
16+
<div class="field">
17+
<label class="label has-text-black" for="filterCommunities">Rechercher</label>
18+
<div class="control">
19+
<input type="text" id="filterCommunities" onkeyup="dynamicFilter('filterCommunities')" />
20+
</div>
21+
</div>
22+
<br />
23+
<br />
24+
<br />
25+
<div class="columns is-multiline communitiesList">
26+
{communities
27+
.map(
28+
(community) => (
29+
<div class="column is-half-tablet is-one-third-desktop filterable" data-key={community.name}>
30+
<div class="card has-background-white">
31+
<div class="card-image">
32+
<a href={`/community/` + community.key}>
33+
<img src={`/imgs/communities/` + community.image}
34+
alt={community.name}
35+
onerror="this.onerror=null;this.src='/imgs/noLogo.png';"
36+
/>
37+
</a>
38+
</div>
39+
<div class="card-content">
40+
<div class="media">
41+
<div class="media-content">
42+
<p class="title is-4 has-text-black">{community.name}</p>
3343
</div>
3444
</div>
3545
</div>
36-
)
37-
)
38-
}
39-
</div>
40-
</div>
46+
</div>
47+
</div>
48+
)
49+
)
50+
}
4151
</div>
42-
</main>
52+
</div>
53+
</main>
4354
</Layout>

‎src/pages/community/[key].astro

+17-15
Original file line numberDiff line numberDiff line change
@@ -16,18 +16,19 @@ const { community } = Astro.props;
1616
---
1717

1818
<Layout>
19-
<main>
20-
<h1>
21-
<img src={"/imgs/communities/" + community.image}
22-
onerror="this.onerror=null;this.src='/imgs/noLogo.png';"
23-
/>
24-
{community.name}
25-
</h1>
26-
<div class="container-fluid community"
27-
id="communityDetails"
28-
data-patterns-google-calendar={JSON.stringify(community.patternsGoogleCalendar)}>
29-
<div class="col-lg-4">
30-
<h2>En bref...</h2>
19+
<main>
20+
<h1 class="title has-text-black">
21+
<img src={"/imgs/communities/" + community.image}
22+
onerror="this.onerror=null;this.src='/imgs/noLogo.png';"
23+
/>
24+
{community.name}
25+
</h1>
26+
<div class="container is-fluid community"
27+
id="communityDetails"
28+
data-patterns-google-calendar={JSON.stringify(community.patternsGoogleCalendar)}>
29+
<div class="columns">
30+
<div class="column has-text-black">
31+
<p class="title has-text-black">En bref...</p>
3132
<p>{community.shortDescription}</p>
3233
<ul class="socialLinks">
3334
{community.socialLinks
@@ -41,16 +42,17 @@ const { community } = Astro.props;
4142
}
4243
</ul>
4344
</div>
44-
<div class="col-lg-4"
45+
<div class="column is-4"
4546
id="upcomingEvents"
4647
data-pane-title="A venir !"
4748
data-no-event-caption="Pas d'événements dans les 4 prochains mois.">
4849
</div>
49-
<div class="col-lg-4"
50+
<div class="column is-4"
5051
id="pastEvents"
5152
data-pane-title="Ce que vous avez manqué..."
5253
data-no-event-caption="Pas d'événements durant les 4 derniers mois.">
5354
</div>
5455
</div>
55-
</main>
56+
</div>
57+
</main>
5658
</Layout>

0 commit comments

Comments
 (0)