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" >}}">
              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" alt="logo Aurore" >}}
          <p>
            Ils nous soutiennent :
            <a href="https://www.crous-versailles.fr/" target="_blank"><img class="logo-small" src="../images/logo_crous.png" alt="logo CROUS de Versailles" /></a>
            <a href="https://www.universite-paris-saclay.fr/" target="_blank"><img class="logo-small" src="../images/logo_ups.svg" alt="logo université 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="" alt="logo connexion ethernet" >}}
          </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" >}}" title="Une connexion filaire"></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="" alt="logo wifi" >}}
          </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" >}}" title="Une couverture Wi-Fi"></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="" alt="logo nextcloud" >}}
          </div>
          <div class="card-text">
            <p>Stockage cloud de 30Go à vie</p>
          </div>
          <a class="stretched-link" href="https://nextcloud.auro.re/" title="NextCloud"></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="" alt="logo jitsi" >}}
          </div>
          <div class="card-text">
            <p>Visioconférence simple et sécurisée</p>
          </div>
          <a class="stretched-link" href="https://jitsi.auro.re/" title="Jitsi"></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="" alt="logo gitea" >}}
          </div>
          <div class="card-text">
            <p>Forge pour le développement de logiciels</p>
          </div>
          <a class="stretched-link" href="https://gitea.auro.re/" title="Gitea"></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</h4>
          </div>
          <div class="card-icon">
            {{< figure src="../images/feature/matrix.svg" title="" alt="logo matrix" >}}
          </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/" title="Serveur Matrix"></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="" alt="logo RSS" >}}
          </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/" title="MiniFlux"></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="" alt="logo hedgedoc" >}}
          </div>
          <div class="card-text">
            <p>Éditeur de documents collaboratif en Markdown</p>
          </div>
          <a class="stretched-link" href="https://codimd.auro.re/" title="HedgeDoc"></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="" alt="logo etherpad" >}}
          </div>
          <div class="card-text">
            <p>Prise de notes collaboratives</p>
          </div>
          <a class="stretched-link" href="https://pad.auro.re/" title="Etherpad"></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="" alt="logo privatebin" >}}
          </div>
          <div class="card-text">
            <p>Partage de texte sécurisé</p>
          </div>
          <a class="stretched-link" href="https://privatebin.auro.re/" title="PrivateBin"></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="" alt="logo kanboard" >}}
          </div>
          <div class="card-text">
            <p>Outil de suivi de projets</p>
          </div>
          <a class="stretched-link" href="https://kanboard.auro.re/" title="Kanboard"></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="Chat dessiné par David Revoy" 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 du logiciel libre sauf pour les micrologiciels de nos
          machines HPE et Ubiquiti.
          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
          <a href="https://grafana.auro.re">statistiques anonymisées publiques</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>.
          Si un service vous manque, vous pouvez nous contacter pour le
          proposer. Nous fournissons également des adresses IPv4
          publiques sur demande aux adhérents qui paient une connexion Internet.
        </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="Carte du centre universitaire avec les résidences où Aurore est présente" />
      </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">
    <div class="has-text-centered pb-5">
      <h2 class="title is-2">Les collectifs</h2>
      <h3 class="subtitle has-text-grey-lighter">dont Aurore est membre</h3>
      <div class="divider is-centered"></div>
    </div>
    <div class="columns is-multiline is-mobile has-text-centered is-centered">

      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
        <div class="feature-card">
          <div class="card-title">
            <h4>FedeRez</h4>
          </div>
          <div class="card-icon">
            {{< figure src="../images/federez.png" title="FedeRez" alt="Logo FedeRez" >}}
          </div>
          <div class="card-text">
            <p>Fédération des associations réseaux étudiantes</p>
          </div>
          <a class="stretched-link" href="https://federez.net" title="Site web FedeRez"></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>FFDN</h4>
          </div>
          <div class="card-icon">
            {{< figure src="../images/ffdn.svg" title="FFDN" alt="Logo FFDN" >}}
          </div>
          <div class="card-text">
            <p>Fédération des fournisseurs d'accès à Internet associatifs</p>
          </div>
          <a class="stretched-link" href="https://ffdn.org" title="Site web FFDN"></a>
        </div>
      </div>

    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <article class="message is-info">
      <div class="message-header is-size-5">
        <h2 style="font-weight: bold">Envie de participer ?</h2>
      </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>