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

[fix]

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
assets/programme.css
View File

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

32
programme.html
View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <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/gradientui.css"/>
<link rel="stylesheet" type="text/css" href="assets/programme.css"/> <link rel="stylesheet" type="text/css" href="assets/programme.css"/>
@ -23,10 +23,10 @@
</head> </head>
<body> <body>
<img src="images/header.png"> <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> <h2>
Stands permanents Les stands ouverts vendredi et samedi
<span class="info">&#10551; Cliquer pour afficher / masquer </span> <span class="info" aria-hidden="true">&#10551; Cliquer pour afficher / masquer <span class="items">X</span> éléments </span>
</h2> </h2>
<table> <table>
@ -49,7 +49,7 @@ Stands permanents
</td> </td>
<td class="format">Performance sonore <td class="format">Performance sonore
</td> </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>
<td class="links"> <td class="links">
<a href="http://01xy.fr/3003.html" target="_blank">Site web</a> <a href="http://01xy.fr/3003.html" target="_blank">Site web</a>
@ -96,7 +96,7 @@ Stands permanents
<ul> <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 <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> 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> </ul>
</td> </td>
<td class="links"> <td class="links">
@ -146,7 +146,7 @@ Stands permanents
</td> </td>
<td class="format">Ateliers et démos <td class="format">Ateliers et démos
</td> </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>
<td class="links"> <td class="links">
<a href="http://www.teamlaser.fr/thsf/" target="_blank">Team laser au THSF</a> <a href="http://www.teamlaser.fr/thsf/" target="_blank">Team laser au THSF</a>
@ -181,8 +181,8 @@ Stands permanents
</table> </table>
<h2> <h2>
Vendredi 7 février 2019 Programme du vendredi 7 février 2019
<span class="info">&#10551; Cliquer pour afficher / masquer </span> <span class="info" aria-hidden="true">&#10551; Cliquer pour afficher / masquer <span class="items">X</span> éléments </span>
</h2> </h2>
<table> <table>
@ -260,8 +260,9 @@ Vendredi 7 février 2019
</table> </table>
<h2> <h2>
Samedi 8 février 2019 Programme du samedi 8 février 2019
<span class="info">&#10551; Cliquer pour afficher / masquer </span>
<span class="info" aria-hidden="true">&#10551; Cliquer pour afficher / masquer <span class="items">X</span> éléments </span>
</h2> </h2>
<table> <table>
@ -290,7 +291,7 @@ Samedi 8 février 2019
</tr> </tr>
<tr> <tr>
<td class="time">17h00</td> <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="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 class="links">
@ -371,7 +372,12 @@ jQuery(function(){
el.next().toggle(); 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> </script>
</body> </body>