Skip to content

Commit 21786f4

Browse files
blackheavenblackheaven
committed
fix: rework about page
1 parent f96d2f8 commit 21786f4

File tree

1 file changed

+72
-60
lines changed

1 file changed

+72
-60
lines changed

‎src/pages/about.astro

+72-60
Original file line numberDiff line numberDiff line change
@@ -4,71 +4,83 @@ import Layout from '../layouts/Layout.astro';
44

55
<Layout>
66
<main>
7-
<div class="container is-fluid has-text-justified">
8-
<h2 class="title">Qui sommes-nous ?</h2>
7+
<div class="columns">
8+
<div class="column">
9+
<section class="section">
10+
<h2 class="title">Qui sommes-nous ?</h2>
911

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>
12+
<p>
13+
Lyon Tech Hub est un groupe informel constitué des membres des différentes communautés IT/tech lyonnaises.
14+
Le groupe est auto-géré par les membres les plus actifs.
15+
</p>
1416

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>
17+
<p>
18+
Les membres sont des passionnés, des experts, des curieux, des professionnels de tous horizons:
19+
éditeurs, sociétés industrielles ou commerciales, startups, indépendants, sociétés de service...
20+
Ils sont réunis par la volonté d'apprendre et d'échanger.
21+
</p>
22+
</section>
23+
</div>
2024

21-
<h2 class="title">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>
25+
<div class="column">
26+
<section class="section">
27+
<h2 class="title">Rejoignez nous !</h2>
28+
<h3 class="subtitle">Sur Slack</h3>
29+
<p>Pour discuter avec les membres de nos communautés sur Slack, <b><a
30+
href="https://slack.lyontechhub.org/">inscrivez-vous</a></b> sur la page : <b><a
31+
href="https://slack.lyontechhub.org/"
32+
title="Inscription sur le Slack de Lyon Tech Hub">https://slack.lyontechhub.org</a></b>.</p>
33+
<h3 class="subtitle mt-4">En vrai</h3>
34+
<p>
35+
N'hésitez pas à participer aux <b>évenements</b> organisés par les communautés de Lyon Tech Hub ! Rendez-vous
36+
sur la page <a href="/calendar">Calendrier</a>.
37+
</p>
38+
<h3 class="subtitle mt-4">Côtisez</h2>
39+
<p>
40+
Soutenez-nous en côtisant à partir de 1€: <a
41+
href="https://lyontechhub.assoconnect.com/collect/description/415076-s-adhesion-annuelle">par
42+
assoconnect</a>.
43+
</p>
3844

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

64-
<h2 class="title">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 class="column">
73+
<section class="section">
74+
<h2 class="title">Des questions ?</h2>
75+
<p> Contactez nous
76+
<ul>
77+
<li>Sur <b>X (Twitter) : <a title="@lyontechhub" href="https://x.com/LyonTechHub">@lyontechhub</a></b></li>
78+
<li>Par <b>mail : <a title="[email protected]"
79+
href="mailto:[email protected]">[email protected]</a></b></li>
80+
</ul>
81+
</p>
82+
</section>
83+
</div>
7284
</div>
7385
</main>
7486
</Layout>

0 commit comments

Comments
 (0)