Makefile

@@ -16,7 +16,7 @@ run:
 	THSF_DIR=$$(pwd); \
 	echo [+] Démarrage dans $$THSF_DIR; \
 	. thsf_venv/bin/activate; \
-	thsf_venv/bin/gunicorn -D -p thsf.pid -w 4 -b 127.0.0.1:8042 'thsf:app'
+	sudo -u apache thsf_venv/bin/gunicorn -D -p thsf.pid -w 4 -b 127.0.0.1:8042 'thsf:app'
 
 stop:
 	-set -e;\

src/thsf/static/css/style.css

@@ -17,9 +17,6 @@
 
 body {
   background-color: #e6007e;
-  background-repeat: no-repeat;
-  background-size: auto;
-  background-position-x: center;
   font-family: pfdintextcomppromedium;
 }
 
@@ -107,5 +104,22 @@ img.logo {
   height: 0;
   border-left: 0.75em solid transparent;
   border-right: 0.75em solid transparent;
-  border-bottom: 0.75em solid #000000;
+  border-bottom: 0.75em solid #1A000D;
+}
+
+p {
+  font-family: pfdintextcompprothin;
+  font-size: 1em;
+  color: #ffffff;
+}
+
+a {
+  color: #1A000D;
+  transition-property: color;
+  transition-duration: 1s;
+  text-decoration: wavy;
+}
+
+a:hover {
+  color: #ffffff;
 }

src/thsf/templates/index.html

@@ -49,6 +49,16 @@
        title="Conférences"
        alt="Conférences"></i>
   </div>
+  <div id="blah">
+    <h2>Le <strong>Toulouse HackerSpace Factory</strong> est de retour !</h2>
+    <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>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>Cette année nous mettrons en avant des réflexions sur l'extractivisme des ressources 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 id="cursorbar">
     <div class="cursor"></div>
   </div>