From cabdaca6394d6828f6c0f52536ac4dea3ba92a7a Mon Sep 17 00:00:00 2001
From: mco-system <michael.costa@mcos.nc>
Date: Fri, 7 Apr 2023 18:56:42 +1100
Subject: [PATCH] wip beta

---
 src/thsf/static/css/style.css |   8 ++
 src/thsf/templates/index.html | 138 +++++++++++++++++-----------------
 2 files changed, 78 insertions(+), 68 deletions(-)

diff --git a/src/thsf/static/css/style.css b/src/thsf/static/css/style.css
index 12099d8..bdffce1 100644
--- a/src/thsf/static/css/style.css
+++ b/src/thsf/static/css/style.css
@@ -57,6 +57,14 @@ span.place {
   display: flex;
   flex-direction: line;
   justify-content: flex-start;
+  align-items: start;
+  background-color: red;
+}
+
+#content_wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
   align-items: center;
 }
 
diff --git a/src/thsf/templates/index.html b/src/thsf/templates/index.html
index f9bf4df..08e80b3 100644
--- a/src/thsf/templates/index.html
+++ b/src/thsf/templates/index.html
@@ -1,79 +1,81 @@
 {% extends "base.html" %}
 {% block content %}
 <div id="main_wrapper">
-  <div id="left_navbar_wrapper">
-    <i class="button black fa-regular fa-calendar"
-      title="Programme"
-      alt="Programme"></i>
-    <i class="button black fa-solid fa-map-location-dot"
-      title="Le Lieu"
-      alt="Le Lieu"></i>
-    <i class="button black fa-solid fa-burger"
-      title="Restauration"
-      alt="Restauration"></i>
-    <i class="button black fa-solid fa-shirt"
-      title="T-shirt et goodies"
-      alt="T-shirt et goodies"></i>
-  </div>
-  <div id="center_wrapper">
-    <div id="header_wrapper">
-      <div id="header">
-          <span class="header black bold">THSF</span>
-          <span class="header white thin">2023</span>
+  <div id="centent_wrapper">
+    <div id="left_navbar_wrapper">
+      <i class="button black fa-regular fa-calendar"
+        title="Programme"
+        alt="Programme"></i>
+      <i class="button black fa-solid fa-map-location-dot"
+        title="Le Lieu"
+        alt="Le Lieu"></i>
+      <i class="button black fa-solid fa-burger"
+        title="Restauration"
+        alt="Restauration"></i>
+      <i class="button black fa-solid fa-shirt"
+        title="T-shirt et goodies"
+        alt="T-shirt et goodies"></i>
+    </div>
+    <div id="center_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="subheader">
-        <span class="subheader white thin">Toulouse Hacker Space Factory</span>
+      <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>
-        <span class="place black thin">26 28 mai 2023 - </span>
-        <span class="place white bold">CINÉMA UTOPIA BORDEROUGE</span>
+      <div id="cursorbar">
+        <div class="cursor"></div>
+      </div>
+      <div id="blah">
+        <h2>Le Toulouse Hacker Space Factory est de retour !</h2>
+
+
+        Cette année, nous aborderons des réflexions essentielles sur l'extractivisme des ressources planétaires, les données et la valeur du travail.
+
+        Comme toujours, notre objectif est de créer un festival qui poétise les déviations 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>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 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 id="right_navbar_wrapper">
+      <i class="button black fa-solid fa-guitar"
+        title="Concerts et DJ sets"
+        alt="Concerts et DJ sets"></i>
+      <i class="button black 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-users-line"
+        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 id="blah">
-      <h2>Le Toulouse Hacker Space Factory est de retour !</h2>
-
-
-      Cette année, nous aborderons des réflexions essentielles sur l'extractivisme des ressources planétaires, les données et la valeur du travail.
-
-      Comme toujours, notre objectif est de créer un festival qui poétise les déviations 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>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 id="right_navbar_wrapper">
-    <i class="button black fa-solid fa-guitar"
-      title="Concerts et DJ sets"
-      alt="Concerts et DJ sets"></i>
-    <i class="button black 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-users-line"
-      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>
 {% endblock %}