beta #4

Merged
doug713705 merged 203 commits from beta into master 2023-04-21 00:11:59 +11:00
2 changed files with 74 additions and 75 deletions
Showing only changes of commit 617a049307 - Show all commits

View File

@ -66,6 +66,7 @@ span.place {
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
align-content: flex-start; align-content: flex-start;
margin-bottom: 5em;
} }
#center_wrapper { #center_wrapper {
@ -89,11 +90,13 @@ img.logo {
width: inherit; width: inherit;
} }
#left_navbar_wrapper, #right_navbar_wrapper { #navbar_wrapper {
position: fixed;
bottom: 0;
margin: 1em; margin: 1em;
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
gap: 2em; gap: 2em;
} }

View File

@ -1,81 +1,77 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<!-- <div id="content_wrapper"> --> <div id="main_wrapper">
<div id="main_wrapper"> <div id="center_wrapper">
<div id="left_navbar_wrapper"> <div id="header_wrapper">
<i class="button black fa-regular fa-calendar" <div id="header">
title="Programme" <span class="header black bold">THSF</span>
alt="Programme"></i> <span class="header white thin">2023</span>
<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>
<div id="logo_wrapper"> <div id="subheader">
<img class="logo" <span class="subheader white thin">Toulouse Hacker Space Factory</span>
src="{{ url_for('static', filename='images/logo.svg') }}"
alt="THSF 2023 - S/Extraire"
title="THSF 2023 - S/Extraire"/>
</div> </div>
<div id="cursorbar"> <div>
<div class="cursor"></div> <span class="place black thin">26 28 mai 2023 - </span>
</div> <span class="place white bold">CINÉMA UTOPIA BORDEROUGE</span>
<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="right_navbar_wrapper"> <div id="logo_wrapper">
<i class="button black fa-solid fa-guitar" <img class="logo"
title="Concerts et DJ sets" src="{{ url_for('static', filename='images/logo.svg') }}"
alt="Concerts et DJ sets"></i> alt="THSF 2023 - S/Extraire"
<i class="button black fa-solid fa-screwdriver-wrench" title="THSF 2023 - S/Extraire"/>
title="Ateliers" </div>
alt="Ateliers"></i> <div id="cursorbar">
<i class="button black fa-solid fa-film" <div class="cursor"></div>
title="Projections" </div>
alt="Projections"></i> <div id="blah">
<i class="button black fa-solid fa-users-line" <h2>Le Toulouse Hacker Space Factory est de retour !</h2>
title="Tables rondes"
alt="Tables rondes"></i>
<i class="button black fa-solid fa-palette" Cette année, nous aborderons des réflexions essentielles sur l'extractivisme des ressources planétaires, les données et la valeur du travail.
title="Expositions"
alt="Expositions"></i> 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 !
<i class="button black fa-solid fa-person-chalkboard"
title="Conférences" <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>
alt="Conférences"></i>
<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> --> </div>
<div id="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>
<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>
{% endblock %} {% endblock %}