index.html 2.32 KB
Newer Older
Thibaut Broggi's avatar
Thibaut Broggi committed
1
2
3
4
5
6
7
8
9
10
11
<!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>
Thibaut Broggi's avatar
Thibaut Broggi committed
12
13
14
15
16
      <a href="#step1">1</a>
      <a href="#step2">2</a>
      <a href="#step3">3</a>
      <a href="#step4">4</a>
      <a href="#step5">5</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
17
18
    </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
      <div id="step1">
Thibaut Broggi's avatar
Thibaut Broggi committed
23
24
	<h2>Choisissez 2 couleurs</h2>
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
25
	  <a href="#step2" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
26
27
28
	</div>
      </div>
      </input>
Thibaut Broggi's avatar
Thibaut Broggi committed
29
      <div id="step2">
Thibaut Broggi's avatar
Thibaut Broggi committed
30
31
	<h2>Remplissez le texte à trou</h2>
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
32
33
	  <a href="#step1" class="prevButton">&lsaquo;</a>
	  <a href="#step3" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
34
35
	</div>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
36
      <div id="step3">
Thibaut Broggi's avatar
Thibaut Broggi committed
37
38
	<h2>Choisissez votre police</h2>
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
39
40
	  <a href="#step2" class="prevButton">&lsaquo;</a>
	  <a href="#step4" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
41
42
	</div>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
43
      <div id="step4">
Thibaut Broggi's avatar
Thibaut Broggi committed
44
45
	<h2>Choisissez votre icône</h2>
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
46
47
	  <a href="#step3" class="prevButton">&lsaquo;</a>
	  <a href="#step5" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
48
49
	</div>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
50
      <div id="step5">
Thibaut Broggi's avatar
Thibaut Broggi committed
51
52
	<h2>Signez votre création ! (optionnel)</h2>
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
53
54
	  <a href="#step4" class="prevButton">&lsaquo;</a>
	  <a class="nextButton">GÉNÉRER &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
55
56
57
58
	</div>
      </div>
    </div>
    <main>
Thibaut Broggi's avatar
Thibaut Broggi committed
59
60
61
62
63
64
65
66
      <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
67
68
69
    </main>
  </body>
</html>