[wip] pushing prod updates

This commit is contained in:
Alban 2020-01-09 21:01:57 +01:00
parent ef715dc2c3
commit feec23b09e
9 changed files with 705 additions and 12 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
ImageGenerator/

View File

@ -5,6 +5,7 @@
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family:sans-serif;
@ -37,6 +38,9 @@ a:active {color:#ffffff;}
color : #c86464;
}
ul li {
font-size: 12pt;
}
#simulation {
display:table;
margin: 0 auto;
@ -78,6 +82,9 @@ a:active {color:#ffffff;}
background-color:#000000;
}
#simulation{
margin-top: 5%;
}
.over_graph{
position:absolute;
height: 768px;
@ -123,19 +130,59 @@ ul.patchwork {
position:absolute;
right:0px;
background:transparent;
color:#484800;
color:yellow;
padding:5px;
margin:10px 0;
font-size:8pt;
cursor: pointer;
}
.over_graph a.close{
color: #F0F000;
}
p{
font-size:16pt;
}
@media only screen and (max-width: 600px) {
#content{
display:none;
}
@media only screen and (max-width: 1024px) {
#simulation{
margin: 0px;
width: 100%;
}
.over_graph{
background:rgba(0,0,0,0.9);
position:relative;
height: auto;
overflow: auto;
width: auto;
}
.over_graph p, .over_graph h1, .over_graph ul, .over_graph ul.patchwork li {
background:transparent;
}
#content{
left:auto;
}
#format {
right: auto;
display: block !important;
}
#visual{
position: fixed;
top: 0px;
left: 0px;
z-index: -1;
}
.over_graph p, .over_graph h1, .over_graph ul, .over_graph ul.patchwork li {
display: block;
color:yellow;
}
.over_graph ul.patchwork li {
display: inline-block;
}
footer{
position: fixed;
bottom: 0px;
}
}

2
assets/jquery-3.4.1.min.js vendored Normal file

File diff suppressed because one or more lines are too long

427
assets/reset.css Normal file
View File

@ -0,0 +1,427 @@
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}

BIN
grayscott.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 354 KiB

BIN
images/background-02.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
images/background-03.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -163,11 +163,11 @@
</script>
</head>
<body>
<div id="simulation" style="margin-top: 5%;position: relative;">
<div id="simulation" style="position: relative;">
<div id="content" class="over_graph">
<span class="close" >x</span>
<a class="close" title="Fermer la colonne">x</a>
<h1 style>Hacker Space Festival 2020</h1>
<p>Le vendredi 7 et le samedi 8 février, le <a href="https://www.tmplab.org">/tmp/lab</a> vous invite à un Hacker Space Festival ouvert et libre.</p>
<p>Le vendredi 7 et le samedi 8 février, le <a href="https://www.tmplab.org">/tmp/lab</a> propose une rencontre libre dont le programme est ouvert : faites vos propositions !</p>
<p>Au programme de cette rencontre</p>
<ul>
<li>Ateliers</li>
@ -189,11 +189,12 @@
<li>Logiciel Libre
<li>Sécurité Linux
</ul>
<p>Pour <a href="#format" id="format_show">l'appel à participation</a> ouvert à tou·te·s ou toute autre question,<br> merci d'utiliser <a href="mailto:info@hackersfest.org">info@hackersfest.org</a></p>
<p>Pour <a href="#format" id="format_show"></a>l'appel à participation ouvert à tou·te·s ou toute autre question,<br> merci d'utiliser <a href="mailto:info@hackersfest.org">info@hackersfest.org</a></p>
</div>
<div id="format" class="over_graph" style="display: none;">
<span class="close" >x</span>
<div id="format" class="over_graph" style=";">
<a name="format">&nbsp;</a>
<a class="close" title="Fermer la colonne">x</a>
<h1>Appel à participation</h1>
<p>Merci de nous fournir</p>
@ -246,7 +247,6 @@
Based on work by
<a href="https://twitter.com/pmneila">@pmneila</a>
<a href="https://github.com/pmneila/jsexp">Github</a>
<a id="notworking" href="#">Not working?</a>
</div>
</footer>

216
test.html Normal file
View File

@ -0,0 +1,216 @@
<!DOCTYPE html>
<html class="client-nojs" lang="en" dir="ltr">
<head>
<meta charset="UTF-8"/>
<title>Hacker Space Festival 2020</title>
<link rel="stylesheet" type="text/css" href="/assets/reset.css" />
<script src="/assets/jquery-1.6.2.min.js" ></script>
<style type="text/css">
*{
font-size:16pt;
transition:600ms;
line-height:2.36em;
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;
}
body {
width: 80%;
margin: 5% auto;
background: #212121;
color: #e8e8e8;
text-shadow: 1px 2px 2px black;
}
a {
color: #4fabfb;
}
hr {
border-color: #171717 #333333 #292929 #333333;
border-width: 1px;
border-style: solid;
}
ul {
margin: 0px;
}
span[name]{
display:none;
}
span.o_ {
text-decoration: underline;
cursor: pointer;
}
@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- */
}
.highlight {
background: #333;
margin: 20px 0px 40px;
padding: 5px 25px;
}
</style>
</head>
<body>
<div class="document">
<p>
Bienvenue sur le site du <span class="o_" target="hsf">Hacker Space Festival</span> 2020.
<span name="hsf">
<br/>Un Hacker Space Festival est un lieu de rencontre entre le grand public et le monde du hack.
<br/>
L'entrée du HSF2020 sera<span class="o_" target="participation"> libre </span><span name="participation">(participation bienvenue !)</span> et ouverte à <span class=o_ target=coc>tous les publics</span><span name=coc> dans le respect de notre <a target=_blank href=/code-de-conduite.html>code de conduite</a></span>.
</span>
<hr>
HSF2020 aura lieu les <span class=o_ target=date>7&8 février 2020</span> à <span class="o_" target="choisy">Choisy le Roi</span>.
<span name=date>
<ul>
<li>Vendredi 7 février à partir de 14h00
</li>
<li>
Samedi 8 février à partir de 14h00
</li>
</ul>
</span>
<span name="choisy">
Cette ville située à 10km de Paris <span class=o_ target=mediatheques>héberge</span><span name=mediatheques> dans les locaux de son <a target=_blank href=https://mediatheque.choisyleroi.fr/>réseau de médiathèques</a></span> le hackerspace <span class="o_" target="tmplab">/tmp/lab</span>. Elle met à sa disposition la <span class="o_" target="navigateurs"> Salle des Fêtes des Navigateurs</span> pour la durée de l'événement.
<span name="navigateurs">
<ul name="navigateurs">
<li>
XX avenue de Newburn 94600
</li>
<li>
Accès Transports en commun
</li>
<li>
Accès Voiture
</li>
</ul>
</span>
</span>
</span>
<span name="tmplab">
Le <a href="https://www.tmplab.org" target="_blank">/tmp/lab</a> est un hackerspace fondé en 2007. C'est <span class="o_" target="pivot">le point pivot</span> de l'organisation du HSF.
<span name="pivot">
<br/>L'organisation de cet événement est volontairement non impérative. Si le /tmp/lab remplit un rôle de centralisation c'est véritablement l'ensemble des hackerspaces et des participants, ainsi que les membres volontaires des médiathèques de Choisy qui l'organisent collectivement.
</span>
</span>
<hr>
Le <span class="o_" target="programme">programme</span> sera annoncé le 15 janvier.
<span name=programme>
<br/> Durant les deux journées vous pourrez participer à :
<ul>
<li>des ateliers </li>
<li>des projections </li>
<li>des conférences </li>
<li>des démos </li>
<li>des expérimentations artistiques</li>
</ul>
Toutes les expressions seront disponibles sous forme de <span class=o_ target=licence>licences libres</span>.
</span>
<hr>
Vous pouvez <span class="o_" target="participation">participer</span> et <span class=o_ target=contact>nous contacter</span> <span name=contact>sur le mail <a href=maito:info@hackersfest.org>info@hackersfest.org</a>. </span>
<span name="participation">
<br/>
Le festival est basé sur le principe de l'organisation collective.
<br/>Vous pouvez répondre à <span class=o_ target=appel>l'appel à participation</span> ou <span class=o_ target=hebergement>participer à l'hébergement des participants</span>.
<span name=appel>
<div class=highlight>
<h3>Conditions de participation </h3>
La date limite pour nous communiquer vos propositions est fixée au 1er janvier 2020.
<br/>
Pas de limite au nombre de projets proposés.
<br/>
Fournissez :
<ul >
<li>
Le nom du hackerspace &#x2F; orga (si besoin)</li>
<li>
Vos identit&#233;s &#x2F; pseudos</li>
<li>
Vos adresses mail</li>
<li>
Vos jours de pr&#233;sence et pr&#233;f&#233;rences &#233;ventuelles de dates &#x2F; heures</li>
<li>
Vos besoins mat&#233;riels<ul >
<li>
H&#233;bergement</li>
<li>
Nourriture (vegan&#x2F;veggie&#x2F;whatever)</li>
<li>
Parking</li>
</ul>
</li>
<li>
Pour chacune de vos propositions :<ul >
<li>
Format (atelier, d&#233;mo, conf, etc.)</li>
<li>
Titre</li>
<li>
Description</li>
<li>
Liens &#233;ventuels (images, sites, etc.)</li>
</ul>
</li>
</ul>
Votre participation à l'évènement vaut acceptation du <a target=_blan href=https://2020.hackersfest.org/code-de-conduite.html>code de conduite</a>.
<br/>
<br/>
Date de clôture : le mardi 31 décembre 2020 à 23h59:59
<br/>
Date de confirmation maximale : le 15 janvier 2020
<br/>
<br/>
Éléments mis à disposition pour les conférences : projecteur HDMI / VGA, ordinateur avec lecteur de formats libres (PDF, slides, navigateur, film, etc.)
<br/>
Éléments mis à disposition pour les ateliers et stands : tables, chaises
<br/>
Licences
<br/>
<br/>
Tous les projets et participation doivent être sous licence libre de votre choix.
<br/>
Les vidéos des conférences seront distribuées sous licence <a target=_blank href=https://creativecommons.org/licenses/by-sa/4.0/> Creative Commons- Attribution - Partage dans les Mêmes Conditions 4.0 International (CC:BY-SA) </a>
<br/>
</div>
</span>
<span name=hebergement>
<div class=highlight>
<h3>Participation à l'hébergement</h3>
Dans une logique d'autogestion nous recherchons des personnes qui accepteraient d'héberger gracieusement des participant·e·s au festival pour une ou deux nuits.
<br/>
Idéalement nous aimerions trouver des personnes habitant la commune de Choisy-le-Roi mais toutes les bonnes volontés sont bienvenues ;)
<br/>
Merci de nous envoyer par email vos disponibilités :
<ul>
<li>Nombre de places disponibles (1,2,+)</li>
<li>Lieu de l'hébergement (Ville/département) </li>
<li>Date de disponibilité (Vendredi 7 et/ou Samedi 8)</li>
<li>Horaires maximal d'arrivée à l'hébergement (ex: 22h00)</li>
<li>Mise à disposition d'une salle d'eau (Oui/Non)</li>
</ul>
</div>
</span>
</span>
</div>
<script>
$(function(){
$("span.o_").live("click", function(e){
var t_name=$(this).attr("target");
var el=$("*[name="+t_name+"]");
$(this).toggleClass("o_");
el.show();
})
})
</script>
</body>
</html>