homepage/content/_index.fr.html

---
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 à but non lucratif gérée par des
            bénévoles étudiants de l'université 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 Web.
          </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">
          {{< figure src="images/logo.svg" class="mx-6" >}}
          <p>
            Avec le soutien 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 is-multiline is-mobile has-text-centered">
      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>Une connexion filaire</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/cable.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>d'un débit d'un 1Gb/s symétrique avec IPv6</p>
          </div>
          <a class="stretched-link" href="{{< ref "connection" >}}"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>Une couverture Wi-Fi</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/wifi.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Wi-Fi dans 5 résidences CROUS et Wi-Fi FedeRez</p>
          </div>
          <a class="stretched-link" href="{{< ref "connection" >}}"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>NextCloud</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/nextcloud.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Stockage cloud de 30Go à vie</p>
          </div>
          <a class="stretched-link" href="https://nextcloud.auro.re/"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>Jitsi</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/jitsi.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Visioconférence simple et sécurisée</p>
          </div>
          <a class="stretched-link" href="https://jitsi.auro.re/"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>Gitea</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/gitea.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Forge pour le développement de logiciels</p>
          </div>
          <a class="stretched-link" href="https://gitea.auro.re/"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>Serveur Matrix.org</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/matrix.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Messagerie instantanée en ligne chiffrée et décentralisée</p>
          </div>
          <a class="stretched-link" href="https://element.auro.re/"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>MiniFlux</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/miniflux.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Lecteur de flux RSS pour suivre l'actualité</p>
          </div>
          <a class="stretched-link" href="https://rss.auro.re/"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>HedgeDoc</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/hedgedoc.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Éditeur de documents collaboratif en Markdown</p>
          </div>
          <a class="stretched-link" href="https://codimd.auro.re/"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>Etherpad</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/etherpad.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Prise de notes collaboratives</p>
          </div>
          <a class="stretched-link" href="https://pad.auro.re/"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>PrivateBin</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/privatebin.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Partage de texte sécurisé</p>
          </div>
          <a class="stretched-link" href="https://privatebin.auro.re/"></a>
        </div>
      </div>

      <div class="column is-half-mobile is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>Kanboard</h4>
          </div>
          <div class="card-icon">
            {{< figure src="images/feature/kanboard.svg" title="" >}}
          </div>
          <div class="card-text">
            <p>Outil de suivi de projets</p>
          </div>
          <a class="stretched-link" href="https://kanboard.auro.re/"></a>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="has-text-centered pb-5">
      <h2 class="title is-2">Les lieux</h2>
      <h3 class="subtitle has-text-grey-lighter">où Aurore est présente</h3>
      <div class="divider is-centered"></div>
    </div>
    <div class="has-text-centered">
      <a href="https://umap.openstreetmap.fr/fr/map/aurore_675441">
        <img src="images/map.jpg" alt="" />
      </a>
    </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>