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;
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;
}

View File

@ -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 %}