beta #4
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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 %}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user