thsf.net/src/thsf/templates/index.html

{% extends "base.html" %}
{% block content %}
<div id="main_wrapper">
  <div id="center_wrapper">
    <div id="header_wrapper">
      <div id="header">
          <span class="black bold">THSF</span>
          <span class="white thin">2023</span>
      </div>
      <div id="subheader">
        <span class="white thin">Toulouse Hacker Space Factory</span>
      </div>
      <div id="place">
        <span class="black thin">26 28 mai 2023 - </span>
        <span class="white bold">CINÉMA UTOPIA BORDEROUGE</span>
      </div>
    </div>
    <div id="logo_wrapper">
      <img class="logo"
          src="{{ url_for('static', filename='images/logo.svg') }}"
          alt="THSF 2023 - S/Extraire"
          title="THSF 2023 - S/Extraire"/>
    </div>
    <div id="blah">
      <h2>Le T.H.S.F est enfin de retour !</h2>
      <p>Nous vous invitons à passer un week-end de 3 jours à <a href="https://www.cinemas-utopia.org/toulouse/">Utopia Borderouge Toulouse</a> pour partager avec vous nos projets, nos réflexions, nos performances, nos poésies et nos doutes sur la technologie.</p>

      <p>Après avoir été soutenu et accueilli pendant 10 ans par <a href="https://vive.mixart-myrys.org/">Mix'Art Myrys</a>, le <strong>Toulouse HackerSpace Factory (T.H.S.F)</strong> se tient désormais dans un autre lieu où l'utopie nécessaire est inscrite programme.</p>

      <p>Cette année nous mettrons en avant des réflexions sur <a href="https://fr.wikipedia.org/wiki/Extractivisme" target="_new">l'extractivisme des ressources</a> planétaires, des données, de la valeur travail.</p>

      <p>Comme toujours, notre objectif est de créer un festival qui poétise les bifurcations de nos idées communes et qui réinvente le sens de certains schémas imposés par notre époque. Rejoignez-nous pour une expérience enrichissante et pleine de surprises !</p>
    </div>
  </div>
</div>
<div id="navbar_wrapper">
  <i class="button tooltip black fa-regular fa-calendar"
    title="Programme"
    alt="Programme">
    <span class="tooltiptext">Programme</span>
  </i>
  <i class="button tooltip black fa-solid fa-map-location-dot"
    title="Le Lieu"
    alt="Le Lieu">
    <span class="tooltiptext">Le lieu</span>
  </i>
  <i class="button tooltip black fa-solid fa-burger"
    title="Restauration"
    alt="Restauration">
    <span class="tooltiptext">Restauration</span>
  </i>
  <i class="button tooltip black fa-solid fa-shirt"
    title="T-shirt et goodies"
    alt="T-shirt et goodies">
    <span class="tooltiptext">Goodies</span>
  </i>
  <i class="button tooltip black fa-solid fa-guitar"
    title="Concerts et DJ sets"
    alt="Concerts et DJ sets">
    <span class="tooltiptext">Concerts et DJ sets</span>
  </i>
  <i class="button tooltip black fa-solid fa-screwdriver-wrench"
    title="Ateliers"
    alt="Ateliers">
    <span class="tooltiptext">Ateliers</span>
  </i>
  <i class="button tooltip black fa-solid fa-film"
    title="Projections"
    alt="Projections">
    <span class="tooltiptext">Projections</span>
  </i>
  <i class="button tooltip black fa-solid fa-users-line"
    title="Tables rondes"
    alt="Tables rondes">
    <span class="tooltiptext">Tables rondes</span>
  </i>
  <i class="button tooltip black fa-solid fa-palette"
    title="Expositions"
    alt="Expositions">
    <span class="tooltiptext">Expositions</span>
  </i>
  <i class="button tooltip black fa-solid fa-person-chalkboard"
    title="Conférences"
    alt="Conférences">
    <span class="tooltiptext">Conférences</span>
  </i>
</div>
{% endblock %}