index.html 2.61 KB
Newer Older
Thibaut Broggi's avatar
Thibaut Broggi committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./style.css" />
    <title>Soutenez La Quadrature du Net !</title>
  </head>
  <body>
    <nav>
      <span>LQDN</span>
      <label for="step1">1</label>
      <label for="step2">2</label>
      <label for="step3">3</label>
      <label for="step4">4</label>
      <label for="step5">5</label>
    </nav>
    <div id="inputs">
Thibaut Broggi's avatar
Thibaut Broggi committed
19
20
21
      <div>
	<button id="randomize">CHOISIR AU HASARD</button>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
      <input type="radio" name="step" id="step1" checked/>
      <div>
	<h2>Choisissez 2 couleurs</h2>
	<div class="navButtons">
	  <label for="step2" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</label>
	</div>
      </div>
      </input>
      <input type="radio" name="step" id="step2" />
      <div>
	<h2>Remplissez le texte à trou</h2>
	<div class="navButtons">
	  <label for="step1" class="prevButton">&lsaquo;</label>
	  <label for="step3" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</label>
	</div>
      </div>
      <input type="radio" name="step" id="step3" />
      <div>
	<h2>Choisissez votre police</h2>
	<div class="navButtons">
	  <label for="step2" class="prevButton">&lsaquo;</label>
	  <label for="step4" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</label>
	</div>
      </div>
      <input type="radio" name="step" id="step4" />
      <div>
	<h2>Choisissez votre icône</h2>
	<div class="navButtons">
	  <label for="step3" class="prevButton">&lsaquo;</label>
	  <label for="step5" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</label>
	</div>
      </div>
      <input type="radio" name="step" id="step5" />
      <div>
	<h2>Signez votre création ! (optionnel)</h2>
	<div class="navButtons">
	  <label for="step4" class="prevButton">&lsaquo;</label>
	  <label class="nextButton">GÉNÉRER &rsaquo;</label>
	</div>
      </div>
    </div>
    <main>
Thibaut Broggi's avatar
Thibaut Broggi committed
64
65
66
67
68
69
70
71
      <div id="output"></div>
      <div id="credits">
	<p><strong>Site hébergé par La Quadrature du Net</strong></p>
	<p><strong>Crédits :</strong> Les policies utilisées viennnent de <strong>Velvetyne Type Foundry</strong>. Bluu par Jean Baptiste Morizot, Bilbo Inc par Hélène Marian Srodogora, Boeticher par Charles Paille, Combat par Martin Desinde, Gulax par Morgan Gilbert, Lineal par Frank Adebiaye, Resistance par Collective, Savate par Wech, Solide Mirage par Jérémy Landes-Nones, Steps mono par Jean Baptiste Morizot, Terminal par Rapaël Bastide et Jérémy Landes-Nones.</p>
	<p><strong>Code source du site :</strong><br />
	  contact@laquadrature.net
	</p>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
72
73
74
    </main>
  </body>
</html>