{% extends "base.html" %}
{% block content %}
<div id="main_wrapper">
  <div id="header_wrapper">
    <div id="header">
        <span class="header black bold">THSF</span>
        <span class="header white thin">2023</span>
    </div>
    <div id="subheader">
      <span class="subheader white thin">Toulouse Hacker Space Factory</span>
    </div>
    <div>
      <span class="place black thin">26 28 mai 2023 - </span>
      <span class="place 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="navbar_wrapper">
    <i class="fa-regular fa-calendar"
       title="Programme"
       alt="Programme"></i>
    <i class="fa-solid fa-map-location-dot"
       title="Le Lieu"
       alt="Le Lieu"></i>
    <i class="fa-solid fa-shirt"
       title="T-shirt et goodies"
       alt="T-shirt et goodies"></i>
    <i class="button black fa-solid fa-guitar"
       title="Concerts et DJ sets"
       alt="Concerts et DJ sets"></i>
    <i class="fa-solid fa-screwdriver-wrench"
       title="Ateliers"
       alt="Ateliers"></i>
    <i class="button black fa-solid fa-film"
       title="Projections"
       alt="Projections"></i>
    <i class="button black fa-solid fa-people-group"
       title="Tables rondes"
       alt="Tables rondes"></i>
    <i class="button black fa-solid fa-palette"
       title="Expositions"
       alt="Expositions"></i>
    <i class="button black fa-solid fa-person-chalkboard"
       title="Conférences"
       alt="Conférences"></i>
  </div>
  <div id="cursorbar">
    <div class="cursor"></div>
  </div>
</div>
{% endblock %}