alban
/
HSF-2020-CFP-Website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[enh] programme

This commit is contained in:
alban 2020-01-13 14:23:20 +01:00
parent 005412e214
commit 5eee2460ab
2 changed files with 410 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
assets/programme.css Normal file
View File

@ -0,0 +1,56 @@
*{
font-family:"Museo W01 500",Arial,Helvetica Neue,Helvetica,sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
font-size: 16pt;
}
h1{
font-size:36pt;
}
h1{
font-size:24pt;
}
a:link {color:#ff5555;}
a:visited {color:#ff5555;}
a:hover {color:#999999;}
a:active {color:#ff5555;}
ul li {
}
body {
font-family:sans-serif;
background:#000;
color:#ff5555;
width: auto;
margin: 0 auto;
}
body {
padding: 5%;
}
table tr td {
color: #ccc;
padding: 10px;
text-align: center;
}
td.links a {
display: block;
border-radius: 10px;
background: #333;
padding: 3% 6%;
margin: 10%;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
}
tr:nth-child(even) {background: #181818}
th {
font-size: 12pt;
}
td.name {
min-width: 250px;
}

354
programme.html Normal file
View File

@ -0,0 +1,354 @@
<!DOCTYPE html>
<html>
<head>
<title>HSF 2020 : Programme </title>
<link rel="stylesheet" type="text/css" href="assets/experiments.css"/>
<link rel="stylesheet" type="text/css" href="assets/gradientui.css"/>
<link rel="stylesheet" type="text/css" href="assets/programme.css"/>
<style type="text/css">
@font-face {font-family: "Museo W01 500";
src: url("assets/fonts/@font-face/d4d3be6c923464b81f4e89e6a57bc539.eot"); /* IE9*/
src: url("assets/fonts/@font-face/d4d3be6c923464b81f4e89e6a57bc539.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("assets/fonts/@font-face/d4d3be6c923464b81f4e89e6a57bc539.woff2") format("woff2"), /* chrome、firefox */
url("assets/fonts/@font-face/d4d3be6c923464b81f4e89e6a57bc539.woff") format("woff"), /* chrome、firefox */
url("assets/fonts/@font-face/d4d3be6c923464b81f4e89e6a57bc539.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url("assets/fonts/@font-face/d4d3be6c923464b81f4e89e6a57bc539.svg#Museo W01 500") format("svg"); /* iOS 4.1- */
}
</style>
<link type="text/css" href="assets/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<script type="text/javascript" src="assets/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="assets/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="assets/colorPicker.js"></script>
</head>
<body>
<h1>Festival HSF 2020 : Programme</h1>
<h2>
Stands permanents
</h2>
<table>
<tr>
<th>Nom</th>
<th>Format</th>
<th>Description</th>
<th>Liens</th>
</tr>
<tr>
<td class="name">La mixette / @blzforum</td>
<td class="format">démo</td>
<td class="desc">La mixette est une table tangible musicale inspirée de la <a href="http://reactable.com/ ">reactable</a>. Elle fonctionne avec des logiciels libres et permet de jouer de manière ludique avec 4 samples à la fois</td>
<td class="links">
<a href="https://vimeo.com/7679595">Video sur Vimeo</a>
</td>
</tr>
<tr>
<td class="name">Le diabolique paradoxe de Shepard / @Labomedia
</td>
<td class="format">Performance sonore
</td>
<td class="desc">Performance sonore basé sur le principe cybernétique de rétroaction altérée via le spectre électromagnétique : boucles FM/AM opérées avec différents systèmes de diffusion, sonification de la bande 2,4 GHz saturée par différentes techniques.
</td>
<td class="links">
<a href="http://01xy.fr/3003.html" target="_blank">Site web</a>
</td>
</tr>
<tr>
<td class="name">La Monnaie Libre / La Toile Francilienne et Axiom-team
</td>
<td class="format">Stand et présentations
</td>
<td class="desc">
Venez découvrir les différents outils de la monnaie libre (duniter, cesium, silkaj, gchange), discuter, créer des comptes, acheter des articles en monnaielibre (T-shirts, badges, stickers...).
Vous pourrez aussi suivre un atelier d'installation de la blockchain sur raspberry pi, pour prouver que forger n'est pas miner d'un point de vue énergétique. 3.6W et un raspi zero à 15€ suffisent.
</td>
<td class="links">
<a href="http://monnaie-libre.fr" target="_blank">monnaie-libre.fr</a>
<a href="http://duniter.org" target="_blank">duniter.org</a>
<a href="cesium.app" target="_blank">cesium.app</a>
<a href="gchange.fr" target="_blank">gchange.fr</a>
<a href="forum.monnaie-libre.fr" target="_blank">forum.monnaie-libre.fr</a>
</td>
</tr>
<tr>
<td class="name"> Shaders / Hackerspace FUZ & Cookie Collective
</td>
<td class="format"> Démos et ateliers
</td>
<td class="desc">
Live Coding / programmation d'effet visuel improvisée.
</td>
<td class="links">
<a href="https://cookie.paris/" target="_blank">Site web Cookie Collective</a>
<a href="https://2019.cookie.paris/photos.html" target="_blank">Photos événement 2019</a>
<a href="http://shaderland.com/" target="_blank">Shaderland</a>
</td>
</tr>
<tr>
<td class="name">Lock picking, jeux video / Association Sans Nom
</td>
<td class="format"> Ateliers
</td>
<td class="desc">
<ul>
<li>« Le lock picking (crochetage) est l'art de l'ouverture de serrures de manière "fine", non-destructrice et ce pour tout type de serrures, y
compris les serrures électriques. Nous proposons un atelier d'initiation sur des serrures et cadenas d'entraînement. »
https://sansnom.org/activités/lock-picking/</li>
<li>Jouer aux jeux sur Linux sans bidouille, c'est possible : il suffit de choisir des jeux vidéos Libres ! Une petite partie, ça vous tente ?</li>
</ul>
</td>
<td class="links">
<a href="https://sansnom.org" target="_blank">Site web</a>
</td>
</tr>
<tr>
<td class="name"> zoviet moshed / @shoi
</td>
<td class="format"> Installation sonore et visuelle
</td>
<td class="desc">Issu de la serie harmonie des spheres (HDS) un des premiers prototypes du Dôme structure vibrante en auto-tension qui sera installé a la Station de Radioastronomie de Nançay fin 2020, accompagné de films SF sovietiques tombés dans l'oubli.
</td>
<td class="links">
<a href="http://extrasystole-music.blogspot.com/" target="_blank">Blog</a>
<a href="http://soundcloud.com/extrasystole" target="_blank">Soundcloud</a>
<a href="https://twitter.com/extrasystolehak" target="_blank">Twitter</a>
</td>
</tr>
<tr>
<td class="name">Soudure / Tetalab
</td>
<td class="format">Ateliers
</td>
<td class="desc">Apprenez à souder vos composants électroniques avec les membres du hackerspace toulousain Tetalab.
</td>
<td class="links">
<a href="https://www.tetalab.org/fr/blog" target="_blank">Site web</a>
</td>
</tr>
<tr>
<td class="name">Machins à écrire / Usinette
</td>
<td class="format">Atelier
</td>
<td class="desc">Un crayon, du papier, de la colle, des ciseaux, une machine à écrire, un scanner, une imprimante, un pc et un logiciel libre. Cette liste hétéroclite d’outils, plus ou moins modernes, et plus ou moins low tech, décrit ce dont vous aurez besoin pour vous amuser à découvrir ou redécouvrir une manière de s’exprimer directement sur du papier, pour partager le fruit de cette expression directe.
</td>
<td class="links">
<a href="https://usinette.org/" target="_blank">Site web</a>
</td>
</tr>
</tr>
<tr>
<td class="name">Lasers / @neurohack
</td>
<td class="format">Ateliers et démos
</td>
<td class="desc">Expériences avec des lasers : jeux, oeuvres d'art, interfaces actives.
</td>
<td class="links">
<a href="http://www.teamlaser.fr/thsf/" target="_blank">Team laser au THSF</a>
</td>
</tr>
<tr>
<td class="name">Fiction interactive / /tmp/lab / médiathèque Choisy-le-Roi
</td>
<td class="format">Atelier
</td>
<td class="desc">La fiction interactive, c'est un texte à choix. Venez en lire, en jouer et en écrire avec les installations et logiciels lors de l'atelier.
</td>
<td class="links">
</td>
<!--
<tr>
<td class="name">
</td>
<td class="format">
</td>
<td class="desc">
</td>
<td class="links">
</td>
</tr>
-->
</table>
<h2>
Vendredi 7 février 2019
</h2>
<table>
<thead>
<tr>
<th>Horaire</th>
<th>Nom</th>
<th>Description</th>
<th>Liens</th>
</tr>
</thead>
<tbody>
<tr>
<td class="time">14h00</td>
<td class="name"></td>
<td class="desc">Ouverture du festival</td>
<td class="links"></td>
</tr>
<tr>
<td class="time">18h00</td>
<td class="name"> Bullshit Bingo Awards /tmp/lab</td>
<td class="desc"></td>
<td class="links"></td>
</tr>
<tr>
<td class="time">19h00</td>
<td class="name"> Pourquoi et comment faut-il duper et maltraiter le "numérique" / Labomedia</td>
<td class="desc"> A partir d'une approche historique des mouvement luddites et néo-luddites, croisée avec un questionnement sur l'influence des technologies sur nos perceptions des réalités, la présentation aborde plusieurs approches pour contrevenir et détourner de façon "low tech" le fonctionnement d'ordinateurs, serveurs, réseaux et autres "objets intelligents" afin d'imaginer d'autres futurs technologiques plus appropriés, frugaux, connectés avec les autres entités vivantes de cette planète.</td>
<td class="links">
<a href="https://ressources.labomedia.org/Computer-b-gone" target="_blank">Computer B Gone</a>
<a href="https://ressources.labomedia.org/_media/duper-le-numerique-2019.odp" target="_blank">Document</a>
</td>
</tr>
<tr>
<td class="time">20h30</td>
<td class="name">Avant-Première du film LOL - Logiciel Libre, une affaire sérieuse</td>
<td class="desc">
À travers les entretiens de quatorze intervenants, « LoL » est un voyage pédagogique au cœur de nos habitudes numériques. Partant du constat de la méconnaissance par le grand public des enjeux de l'informatique professionnelle, le film présente et interroge la place du Logiciel Libre et de ses communautés dans nos sociétés, des rapports de force politiques et économiques avec les acteurs du logiciel privateur.
</td>
<td class="links">
<a href="http://www.gigowattfilm.com/coffre/fiction/doc-lol" target="_blank">Site web</a>
</td>
</tr>
<tr>
<td class="time">22h00</td>
<td class="name">Livecoding</td>
<td class="desc"></td>
<td class="links">
<a href="https://soundcloud.com/afalfla" target="_blank">Soundcloud</a>
<a href="https://afalfla.bandcamp.com/releases" target="_blank">Bandcamp</a>
</td>
</tr>
<tr>
<td class="time">23h00</td>
<td class="name">Live</td>
<td class="desc">En cours de confirmation</td>
<td class="links">
</td>
</tr>
<tr>
<td class="time">23h59</td>
<td class="name">Fermeture du Festival</td>
<td class="desc"></td>
<td class="links">
</td>
</tr>
</tbody>
</table>
<h2>
Vendredi 7 février 2019
</h2>
<table>
<thead>
<tr>
<th>Horaire</th>
<th>Nom</th>
<th>Description</th>
<th>Liens</th>
</tr>
</thead>
<tbody>
<tr>
<td class="time">14h00</td>
<td class="name">Ouverture du festival</td>
<td class="desc">Stands permanents +</td>
<td></td>
</tr>
<tr>
<td></td>
<td class="name">Construis ton IoT
</td>
<td class="desc">À destination des débutants, un atelier pour apprendre les bases de la programmation et de l'électronique pour faire ses propres objets connectés.
</td>
<td></td>
</tr>
<tr>
<td class="time">17h00</td>
<td class="name">Table ronde : Interhack et événements collectifs hackerspaces</td>
<td class="desc">Une rencontre informelle pour discuter des événements à venir et des structures partagées entre hackerspaces pour les organiser.</td>
<td class="links">
</td>
</tr>
<tr>
<td class="time">18h00</td>
<td class="name">Conférence Buffer Overflow</td>
<td class="desc">Un peu de sécu informatique ! Une présentation pédagogique qui explique les risques, l'impact réel, et le processus d'exploitation de ce type de vulnérabilité. </td>
<td class="links">
<a href="https://twitter.com/chaignc" target="_blank">Twitter</a>
</td>
</tr>
<tr>
<td class="time">19:00 </td>
<td class="name">Conférence association Entropie / Christophe André</td>
<td class="desc">En octobre 2010, lors du PHSF organisé par le /tmp/lab Christophe André présentait les activités de l'association Entropie, 10 ans plus tard il revient pour nous faire un bilan sur ces années consacrées à la promotion du design lire. Ce sera aussi l’occasion de présenter un projet actuel d'accompagnement à l'autoconstruction de mobilier en bois de personnes en grande précarité, le projet construire pour se reconstruire.
</td>
<td class="links">
<a href="https://www.asso-entropie.fr/fr/" target="_blank">Site web association Entropie</a>
<a href="https://tinyhouse.asso-entropie.fr/" target="_blank">Projet Tiny House</a>
</td>
</tr>
<tr>
<td class="time">20h00</td>
<td class="name"> Conférence monnaie libre / Duniter</td>
<td class="desc">Présentation de la monnaie Ğ1 (ou June), une monnaie libre co-créée qui se présente comme une alternative à l’inéquité du système monétaire actuel au travers d’une émission quotidienne de monnaie sur le compte électronique de chacun, ses concepts de base, ses enjeux, ses outils. </td>
<td class="links">
<a href="http://monnaie-libre.fr" target="_blank">monnaie-libre.fr</a>
<a href="http://duniter.org" target="_blank">duniter.org</a>
<a href="cesium.app" target="_blank">cesium.app</a>
<a href="gchange.fr" target="_blank">gchange.fr</a>
<a href="forum.monnaie-libre.fr" target="_blank">forum.monnaie-libre.fr</a>
</td>
</tr>
<tr>
<td class="time">21h00 </td>
<td class="name">Orchestre philarmonique du /tmp/lab</td>
<td class="desc">Une performance sonore et visuelle à plusieurs interprètes, des logiciels de programmation live (puredata, ibniz), des écrans projetés. </td>
<td class="links">
<a href="https://www.tmplab.org/2015/06/21/a-new-performance-of-the-orchestre-philharmonique-du-tmplab/" target="_blank">Édition 2015</a>
</td>
</tr>
<tr>
<td class="time">22h00 </td>
<td class="name">Live set They Call Me « The Moon »</td>
<td class="desc">Tantôt producteur indépendant, tantôt DJ, ODA The Moon apporte son authenticité dans tout ce qu'il entreprend. Ses multiples influences propulsent ses compositions dans un univers éthéré où se mêlent langueur et violence. Débute alors une aventure sensorielle et introspective dans laquelle chacun est libre de s'abandonner.</td>
<td class="links">
<a href="https://soundcloud.com/odalouise/they-call-me-the-moon/s-yHiRo" target="_blank">Soundcloud</a>
<a href="https://www.instagram.com/odathemoon/" target="_blank">Instagram</a>
<a href="https://www.youtube.com/watch?v=xGZS_XxhcxI&feature=youtu.be" target="_blank">Youtube</a>
</td>
</tr>
<tr>
<td class="time">23h00 </td>
<td class="name">Live set en cours de confirmation</td>
<td class="desc"></td>
<td class="links">
</td>
</tr>
</tbody>
</table>
</body>
</html>