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

---
 src/thsf/static/css/style.css |  12 +++-
 src/thsf/templates/index.html | 127 ++++++++++++++++++----------------
 2 files changed, 78 insertions(+), 61 deletions(-)

diff --git a/src/thsf/static/css/style.css b/src/thsf/static/css/style.css
index 313e1ed..6d4fb68 100644
--- a/src/thsf/static/css/style.css
+++ b/src/thsf/static/css/style.css
@@ -54,6 +54,13 @@ span.place {
 }
 
 #main_wrapper {
+  display: flex;
+  flex-direction: line;
+  justify-content: flex-start;
+  align-items: start;
+}
+
+#center_wrapper {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -74,10 +81,9 @@ img.logo {
   width: inherit;
 }
 
-#navbar_wrapper {
-  margin-top: 1em;
+#let_navbar_wrapper, #right_navbar_wrapper {
   display: flex;
-  flex-direction: line;
+  flex-direction: column;
   justify-content: flex-start;
   align-items: center;
   gap: 2em;
diff --git a/src/thsf/templates/index.html b/src/thsf/templates/index.html
index 8f8938b..906ad46 100644
--- a/src/thsf/templates/index.html
+++ b/src/thsf/templates/index.html
@@ -1,68 +1,79 @@
 {% 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">
+  <div id="left_navbar_wrapper">
     <i class="button black fa-regular fa-calendar"
-       title="Programme"
-       alt="Programme"></i>
+      title="Programme"
+      alt="Programme"></i>
     <i class="button black fa-solid fa-map-location-dot"
-       title="Le Lieu"
-       alt="Le Lieu"></i>
+      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>
-    <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>
+      title="T-shirt et goodies"
+      alt="T-shirt et goodies"></i>
   </div>
-  <div id="cursorbar">
-    <div class="cursor"></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="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="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="blah">
-    <h2>Le Toulouse Hacker Space Factory est 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>, c'est maintenant un autre lieu qui accueille le <strong>Toulouse HackerSpace Factory (T.H.S.F)</strong>, un lieu où l'utopie nécessaire est inscrite au 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 désir est de faire festival pour mettre en poésie les bifurcations de nos idées communes et de bidouiller le sens de certains schémas que nous impose cette période.</p>
-  </div>
-
 </div>
 {% endblock %}