This commit is contained in:
alban 2020-01-13 15:38:40 +01:00
parent c87b533b07
commit 7a32245c9a
2 changed files with 34 additions and 25 deletions

View File

@ -7,11 +7,8 @@
font-size: 16pt;
line-height: 1.46em;
}
h1{
font-size:36pt;
}
h2{
font-size:24pt;
font-size:28pt;
margin-top:36pt;
}
@ -56,11 +53,17 @@ td.name {
min-width: 250px;
}
span.info {
float: right;
color: #ccc;
background: rgba(255,255,255,0.1);
padding: 1% 3%;
border-radius: 40px;
font-size: 12pt;
cursor: pointer;
}
float: right;
color: #ccc;
background: rgba(255,255,255,0.1);
padding: 1% 3%;
border-radius: 40px;
font-size: 12pt;
cursor: pointer;
}
li {
list-style: none;
}
p {
color: #ccc;
}

View File

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>HSF 2020 : Programme </title>
<title>HSF 2020&nbsp;: Programme </title>
<link rel="stylesheet" type="text/css" href="assets/gradientui.css"/>
<link rel="stylesheet" type="text/css" href="assets/programme.css"/>
@ -23,10 +23,10 @@
</head>
<body>
<img src="images/header.png">
<h1>Au programme de #HSF2020</h1>
<p>Festival ouvert à tout.es, accès libre sur participation volontaire. Photos et vidéos interdites sur le site. Toute présence vaut acceptation du <a href="code-de-conduite.html" target="_blank">code de conduite</a>. </p>
<h2>
Stands permanents
<span class="info">&#10551; Cliquer pour afficher / masquer </span>
Les stands ouverts vendredi et samedi
<span class="info" aria-hidden="true">&#10551; Cliquer pour afficher / masquer <span class="items">X</span> éléments </span>
</h2>
<table>
@ -49,7 +49,7 @@ Stands permanents
</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 class="desc">Performance sonore basé sur le principe cybernétique de rétroaction altérée via le spectre électromagnétique&nbsp;: 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>
@ -96,7 +96,7 @@ Stands permanents
<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. » </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>
<li>Jouer aux jeux sur Linux sans bidouille, c'est possible&nbsp;: il suffit de choisir des jeux vidéos Libres ! Une petite partie, ça vous tente ?</li>
</ul>
</td>
<td class="links">
@ -146,7 +146,7 @@ Stands permanents
</td>
<td class="format">Ateliers et démos
</td>
<td class="desc">Expériences avec des lasers : jeux, oeuvres d'art, interfaces actives.
<td class="desc">Expériences avec des lasers&nbsp;: jeux, oeuvres d'art, interfaces actives.
</td>
<td class="links">
<a href="http://www.teamlaser.fr/thsf/" target="_blank">Team laser au THSF</a>
@ -181,8 +181,8 @@ Stands permanents
</table>
<h2>
Vendredi 7 février 2019
<span class="info">&#10551; Cliquer pour afficher / masquer </span>
Programme du vendredi 7 février 2019
<span class="info" aria-hidden="true">&#10551; Cliquer pour afficher / masquer <span class="items">X</span> éléments </span>
</h2>
<table>
@ -260,8 +260,9 @@ Vendredi 7 février 2019
</table>
<h2>
Samedi 8 février 2019
<span class="info">&#10551; Cliquer pour afficher / masquer </span>
Programme du samedi 8 février 2019
<span class="info" aria-hidden="true">&#10551; Cliquer pour afficher / masquer <span class="items">X</span> éléments </span>
</h2>
<table>
@ -290,7 +291,7 @@ Samedi 8 février 2019
</tr>
<tr>
<td class="time">17h00</td>
<td class="name">Table ronde : Interhack et événements collectifs hackerspaces</td>
<td class="name">Table ronde&nbsp;: 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">
@ -371,7 +372,12 @@ jQuery(function(){
el.next().toggle();
})
$("h2").each(function(){
var el = jQuery(this);
var table = el.next();
var lines = jQuery(table).find("tr");
el.find("span.items").html( lines.length );
})
})
</script>
</body>