---
title: À propos
index: true
---

<div class="tile is-ancestor is-vertical">
  <div class="tile is-parent">
    <div class="tile is-child px-5 notification">
      <h2 class="title is-2 has-text-centered">La Délégation Générale Numérique</h2>

      <div class="block">
        <p>
          La Délégation Générale Numérique est une association loi 1901 domiciliée à l'ENS dont les buts sont de
          promouvoir la chose numérique ainsi que son usage.
        </p>
        <!-- TODO

        - expliquer la DGNum en 2 lignes
        - RGPD (`rgpd@dgnum at eu`) -->
      </div>

      <hr>

      <div class="block pl-5">
        <h3 class="subtitle">Documents</h3>

        <li><a href="/documents/statuts.pdf">Statuts</a></li>
        <li><a href="/documents/reglement-interieur.pdf">Règlement Intérieur</a></li>
        <li><a href="/documents/charte-confidentialite.pdf">Charte de confidentialité</a></li>

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

  <div class="tile is-parent">
    <div class="tile is-child px-5 notification">
      <h2 class="title is-2 has-text-centered">Le Bureau</h2>

      <p class="mb-4">
        Le bureau est actuellement constitué de :
      </p>

      <div class="block pl-5">
        <li>
          Jean-Marc <b>Gailis</b> <span class="tag is-link ml-2 mb-2">Président</span>
        </li>
        <li>
          Ryan <b>Lahfa</b> <span class="tag is-link is-light ml-2 mb-2">Co-président</span>
        </li>
        <li>
          Julien <b>Malka</b> <span class="tag is-link ml-2 mb-2">Secrétaire</span>
        </li>
        <li>
          Gabriel <b>Doriath Döhler</b> <span class="tag is-link is-light ml-2">Co-trésorier</span>
        </li>

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

  <div class="tile is-parent" id="poles">
    <div class="tile is-child px-5 notification">
      <h2 class="title is-2 has-text-centered">Les Pôles</h2>

      <p class="mb-4">
        La DGNum est organisé en pôles :
      </p>

      <ul class="block pl-5">
        <li class="mb-1">
          <a href="poles/administration-systeme.html">
            <span class="icon"><i class="fa-solid fa-server"></i></span>
            Administration Système
          </a>
        </li>
        <li class="mb-1">
          <a href="poles/communication.html">
            <span class="icon"><i class="fa-solid fa-microphone"></i></span>
            Communication
          </a>
        </li>
        <li class="mb-1">
          <a href="poles/formation.html">
            <span class="icon"><i class="fa-solid fa-book"></i></span>
            Formation
          </a>
        </li>
        <li class="mb-1">
          <a href="poles/geopolitique.html">
            <span class="icon"><i class="fa-solid fa-earth-europe"></i></span>
            Géopolitique
          </a>
        </li>
        <li class="mb-1">
          <a href="poles/juridique.html">
            <span class="icon"><i class="fa-solid fa-landmark"></i></span>
            Juridique
          </a>
        </li>
        <li class="mb-1">
          <a href="poles/logiciel.html">
            <span class="icon"><i class="fa-solid fa-laptop"></i></span>
            Logiciel
          </a>
        </li>
        <li class="mb-1">
          <a href="poles/recherche.html">
            <span class="icon"><i class="fa-solid fa-flask"></i></span>
            Recherche
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>