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 mb-1" href="{{< ref "register.md" >}}">
              S'inscrire »
            </a>
            <a class="button is-medium has-text-weight-bold is-info mb-1" href="{{< ref "faq" >}}">
              Besoin d'aide ?
            </a>
            <a class="button is-medium has-text-weight-bold is-info mb-1" 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>
            Ils nous soutiennent :
            <a href="https://www.crous-versailles.fr/" target="_blank"><img class="logo-small" src="../images/logo_crous.png" alt="CROUS de Versailles" /></a>
            <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-half-tablet 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-half-tablet 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-half-tablet 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-half-tablet 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-half-tablet 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-half-tablet 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-half-tablet 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-half-tablet 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-half-tablet 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-half-tablet 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-half-tablet 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 class="columns is-vcentered">
      <div class="column is-narrow is-hidden-touch">
        <img src="../images/chat.png" width="200" alt="" title="Artwork by David Revoy"/>
      </div>
      <div class="column">
        <p class="is-size-5">
          Ces services sont hébergés dans les résidences du CROUS de Versailles
          ainsi que sur un serveur dédié chez OVH.
          Nous utilisons des machines HPE Proliant.
          Nous ne collectons que les données requises au fonctionnement des
          services (on ne les vend pas !), pour notre conformité règlementaire ou à des fins de
          statistiques anonymisées
          <a href="https://grafana.auro.re">publiquement disponibles</a>.
          Nous réalisons des sauvegardes régulières des données de ces services.
          Notre documentation technique est disponible sur
          <a href="https://wiki.auro.re">notre wiki</a>.
        </p>
        <p class="is-size-5">
          Si un service vous manque, vous pouvez nous contacter pour le
          proposer. Nous fournissons également des adresses IPv4
          publiques sur demande.
        </p>
      </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_675973">
        <img src="../images/map.jpg" alt="" />
      </a>
      <p class="is-size-5">
        Nous sommes également interconnectés avec
        <a href="https://www.crans.org/">le Crans</a> (ENS Paris-Saclay) et
        <a href="https://www.rezel.net/">Rezel</a> (Télécom Paris).
      </p>
    </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>