This commit is contained in:
mco-system 2023-04-07 18:56:42 +11:00
parent fdc32df32a
commit cabdaca639
2 changed files with 78 additions and 68 deletions

View File

@ -57,6 +57,14 @@ span.place {
display: flex; display: flex;
flex-direction: line; flex-direction: line;
justify-content: flex-start; justify-content: flex-start;
align-items: start;
background-color: red;
}
#content_wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center; align-items: center;
} }

View File

@ -1,79 +1,81 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div id="main_wrapper"> <div id="main_wrapper">
<div id="left_navbar_wrapper"> <div id="centent_wrapper">
<i class="button black fa-regular fa-calendar" <div id="left_navbar_wrapper">
title="Programme" <i class="button black fa-regular fa-calendar"
alt="Programme"></i> title="Programme"
<i class="button black fa-solid fa-map-location-dot" alt="Programme"></i>
title="Le Lieu" <i class="button black fa-solid fa-map-location-dot"
alt="Le Lieu"></i> title="Le Lieu"
<i class="button black fa-solid fa-burger" alt="Le Lieu"></i>
title="Restauration" <i class="button black fa-solid fa-burger"
alt="Restauration"></i> title="Restauration"
<i class="button black fa-solid fa-shirt" alt="Restauration"></i>
title="T-shirt et goodies" <i class="button black fa-solid fa-shirt"
alt="T-shirt et goodies"></i> title="T-shirt et goodies"
</div> alt="T-shirt et goodies"></i>
<div id="center_wrapper"> </div>
<div id="header_wrapper"> <div id="center_wrapper">
<div id="header"> <div id="header_wrapper">
<span class="header black bold">THSF</span> <div id="header">
<span class="header white thin">2023</span> <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>
<div id="subheader"> <div id="logo_wrapper">
<span class="subheader white thin">Toulouse Hacker Space Factory</span> <img class="logo"
src="{{ url_for('static', filename='images/logo.svg') }}"
alt="THSF 2023 - S/Extraire"
title="THSF 2023 - S/Extraire"/>
</div> </div>
<div> <div id="cursorbar">
<span class="place black thin">26 28 mai 2023 - </span> <div class="cursor"></div>
<span class="place white bold">CINÉMA UTOPIA BORDEROUGE</span> </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> </div>
<div id="logo_wrapper"> <div id="right_navbar_wrapper">
<img class="logo" <i class="button black fa-solid fa-guitar"
src="{{ url_for('static', filename='images/logo.svg') }}" title="Concerts et DJ sets"
alt="THSF 2023 - S/Extraire" alt="Concerts et DJ sets"></i>
title="THSF 2023 - S/Extraire"/> <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>
<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>
</div> </div>
{% endblock %} {% endblock %}