Skip to content

Commit f8077d6

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

File tree

1 file changed

+75
-69
lines changed

1 file changed

+75
-69
lines changed

‎src/pages/about.astro

+75-69
Original file line numberDiff line numberDiff line change
@@ -4,82 +4,88 @@ import Layout from '../layouts/Layout.astro';
44

55
<Layout>
66
<main>
7-
<div class="columns">
8-
<div class="column">
9-
<section class="section">
10-
<h2 class="title">Qui sommes-nous ?</h2>
7+
<div class="grid">
8+
<div class="cell">
9+
<div class="box">
10+
<div class="content">
11+
<h1>Qui sommes-nous ?</h1>
1112

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

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

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

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

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>
76+
<div class="cell">
77+
<div class="box">
78+
<div class="content">
79+
<h1>Des questions ?</h1>
80+
<p> Contactez nous
81+
<ul>
82+
<li>Sur <b>X (Twitter) : <a title="@lyontechhub" href="https://x.com/LyonTechHub">@lyontechhub</a></b></li>
83+
<li>Par <b>mail : <a title="[email protected]"
84+
href="mailto:[email protected]">[email protected]</a></b></li>
85+
</ul>
86+
</p>
87+
</div>
88+
</div>
8389
</div>
8490
</div>
8591
</main>

0 commit comments

Comments
 (0)