Add index page

This commit is contained in:
Alexandre Iooss 2021-11-01 14:21:49 +01:00
parent d8f5010150
commit c61cb275bb
5 changed files with 156 additions and 0 deletions

View file

@ -22,3 +22,4 @@ Pour changer l'URL de base, vous pouvez utiliser l'option `-b`.
* Générateur de site statique [Hugo](https://gohugo.io/). * Générateur de site statique [Hugo](https://gohugo.io/).
* [CSS Bulma](https://bulma.io/). * [CSS Bulma](https://bulma.io/).
* Icônes [OpenMoji](https://openmoji.org/) (CC BY-SA 4.0 licence).

113
content/_index.fr.html Normal file
View file

@ -0,0 +1,113 @@
---
title: Accueil
---
<section class="hero is-fullheight is-bold">
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-6">
<h1 class="title is-1 is-bold is-spaced">
Bienvenue à Aurore
</h1>
<h2 class="subtitle is-5 is-muted">
Aurore est une association gérée par des bénévoles étudiants de
l'universitée Paris-Saclay.
Nous nous efforçons de fournir une couverture internet filaire
et Wi-Fi très haut débit aux étudiants pour 50€ par an, ainsi que
l'accès à de nombreux services.
</h2>
<p>
<a class="button is-medium has-text-weight-bold is-success" href="{{< ref "register.md" >}}">
S'inscrire »
</a>
<a class="button is-medium has-text-weight-bold is-info" href="{{< ref "faq" >}}">
Besoin d'aide ?
</a>
<a class="button is-medium has-text-weight-bold is-info" href="{{< ref "contact" >}}">
Nous contacter
</a>
</p>
</div>
<div class="column is-5 is-offset-1 has-text-centered">
<img src="/images/logo.svg" alt="">
<p>
Avec le soutient du <a href="https://www.crous-versailles.fr/" target="_blank"><img class="logo-small" src="/images/logo_crous.png" alt="CROUS de Versailles" /></a>
et de l'<a href="https://www.universite-paris-saclay.fr/" target="_blank"><img class="logo-small" src="/images/logo_ups.svg" alt="Universitée Paris-Saclay" /></a>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="has-text-centered pb-5">
<h2 class="title is-2">Les services</h2>
<h3 class="subtitle has-text-grey-lighter">que nous proposons à nos adhérents</h3>
<div class="divider is-centered"></div>
</div>
<div class="columns">
<div class="column is-one-third">
<div class="feature-card is-bordered has-text-centered">
<div class="card-title">
<h4>Une connexion filaire</h4>
</div>
<div class="card-icon">
<img src="/images/feature_cable.svg">
</div>
<div class="card-text">
<p>d'un débit d'un 1Gb/s symétrique</p>
</div>
</div>
</div>
<div class="column is-one-third">
<div class="feature-card is-bordered has-text-centered">
<div class="card-title">
<h4>Une couverture Wi-Fi</h4>
</div>
<div class="card-icon">
<img src="/images/feature_wifi.svg">
</div>
<div class="card-text">
<p>Wi-Fi dans 5 résidences CROUS et Wi-Fi FedeRez</p>
</div>
</div>
</div>
<div class="column is-one-third">
<div class="feature-card is-bordered has-text-centered">
<div class="card-title">
<h4>Des services Web</h4>
</div>
<div class="card-icon">
<img src="/images/feature_web.svg">
</div>
<div class="card-text">
<p>dont un stockage cloud de 30Go à vie</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<article class="message is-info">
<div class="message-header is-size-5">
<p>Envie de participer ?</p>
</div>
<div class="message-body is-size-5">
Si tu as envie de découvrir l'envers du décor, que ce soit la gestion
administrative d'une association à grande échelle ou la gestion technique
de l'infrastructure, tu es le/la bienvenu(e). Il n'y a pas de connaissance
particulière à avoir pour commencer, mais si tu nous rejoins, tu auras
l'occasion d'en acquérir de nombreuses. Le plus simple pour commencer est
de <a href="{{< ref "contact" >}}">nous contacter</a>. À bientôt !
</div>
</article>
</div>
</section>

View file

@ -0,0 +1,14 @@
<svg id="emoji" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="color">
<rect x="10.25" y="50.8568" width="10.625" height="4.2312" fill="#9B9B9A"/>
<rect x="51" y="17.0845" width="10.625" height="4.2312" fill="#D0CFCE"/>
</g>
<g id="hair"/>
<g id="skin"/>
<g id="skin-shadow"/>
<g id="line">
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M21,53.2763h35.5642c0,0,6.4358,0,6.4358-9.1931S56.8847,34.89,56.8847,34.89H17.5768c0,0-5.8499,0-5.8499-8.3035 s5.8499-7.3535,5.8499-7.3535H50.796"/>
<rect x="10.25" y="50.8568" width="10.625" height="4.2312" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<rect x="51" y="17.0845" width="10.625" height="4.2312" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 992 B

View file

@ -0,0 +1,11 @@
<svg id="emoji" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
<g id="color">
<path fill="#D0CFCE" stroke="none" d="M15.9345,30.2552c-0.0372,0.4242-0.3809,0.7675-0.8065,0.8131C9.9685,31.621,6,36.7013,6,42.8852 c0,6.553,4.5445,11.8652,10.1505,11.8652h38.6977C61.0072,54.7504,66,49.1365,66,42.2114c0-6.6366-4.5855-12.069-10.3883-12.5101 c-0.4439-0.0337-0.804-0.3445-0.8887-0.7793c-1.2963-6.6567-7.2763-11.659-14.3464-11.659c-4.5948,0-8.6879,2.0802-11.3459,5.3894 c-0.2597,0.3234-0.6956,0.4715-1.079,0.3107c-1.0228-0.4289-2.103-0.6365-3.3117-0.6365 C20.0727,22.3266,16.3237,25.8122,15.9345,30.2552z"/>
</g>
<g id="hair"/>
<g id="skin"/>
<g id="skin-shadow"/>
<g id="line">
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M15.9345,30.2552c-0.0372,0.4242-0.3794,0.7675-0.8028,0.8127C9.9704,31.6186,6,36.6998,6,42.8852 c0,6.553,4.5445,11.8652,10.1505,11.8652h38.6977C61.0072,54.7504,66,49.1365,66,42.2114c0-6.6379-4.5872-12.0711-10.3916-12.5103 c-0.4421-0.0335-0.8008-0.3444-0.8855-0.7796c-1.2964-6.6564-7.2763-11.6585-14.3462-11.6585 c-4.5964,0-8.6908,2.0817-11.3486,5.3929c-0.2582,0.3217-0.6903,0.4696-1.0705,0.3097c-1.0245-0.4306-2.1065-0.639-3.3175-0.639 C20.0727,22.3266,16.3237,25.8122,15.9345,30.2552z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -0,0 +1,17 @@
<svg id="emoji" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="color">
<path fill="#9B9B9A" d="M58.3698,30.524c-5.6511-5.6511-13.458-9.1464-22.0813-9.1464c-8.6366,0-16.4544,3.5061-22.1075,9.1726 l-3.813-3.7631c6.6245-6.6507,15.7919-10.7667,25.9205-10.7667c10.1026,0,19.2488,4.0949,25.8694,10.7154L58.3698,30.524z"/>
<path fill="#9B9B9A" d="M21.9165,38.2856c3.7224-3.7905,8.9056-6.1416,14.6379-6.1416c5.5973,0,10.671,2.2416,14.3724,5.876 l3.7837-3.7919c-4.6705-4.6014-11.0817-7.4409-18.1561-7.4409c-7.2115,0-13.7339,2.9506-18.4258,7.7105L21.9165,38.2856z"/>
<path fill="#9B9B9A" d="M43.3518,45.5965c-1.7623-1.6966-4.158-2.7397-6.7974-2.7397c-2.7741,0-5.2791,1.1524-7.0623,3.0046 l-3.8144-3.8145c2.7547-2.8372,6.6098-4.6001,10.8766-4.6001c4.1307,0,7.8755,1.6522,10.6097,4.3319L43.3518,45.5965z"/>
<circle cx="36.2886" cy="52.6053" r="2.6723" fill="#9B9B9A"/>
</g>
<g id="hair"/>
<g id="skin"/>
<g id="skin-shadow"/>
<g id="line">
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M58.3698,30.524c-5.6511-5.6511-13.458-9.1464-22.0813-9.1464c-8.6366,0-16.4544,3.5061-22.1075,9.1726l-3.813-3.7631 c6.6245-6.6507,15.7919-10.7667,25.9205-10.7667c10.1026,0,19.2488,4.0949,25.8694,10.7154L58.3698,30.524z"/>
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M21.9165,38.2856c3.7224-3.7905,8.9056-6.1416,14.6379-6.1416c5.5973,0,10.671,2.2416,14.3724,5.876l3.7837-3.7919 c-4.6705-4.6014-11.0817-7.4409-18.1561-7.4409c-7.2115,0-13.7339,2.9506-18.4258,7.7105L21.9165,38.2856z"/>
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M43.3518,45.5965c-1.7623-1.6966-4.158-2.7397-6.7974-2.7397c-2.7741,0-5.2791,1.1524-7.0623,3.0046l-3.8144-3.8145 c2.7547-2.8372,6.6098-4.6001,10.8766-4.6001c4.1307,0,7.8755,1.6522,10.6097,4.3319L43.3518,45.5965z"/>
<circle cx="36.2886" cy="52.6053" r="2.6723" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB