index.html 2.54 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
19
20
21
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
<!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">
      <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
61
62
63
64
65
66
67
68
      <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
69
70
71
    </main>
  </body>
</html>