index.ejs 15.5 KB
Newer Older
Thibaut Broggi's avatar
Thibaut Broggi committed
1
2
3
4
5
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
Thibaut Broggi's avatar
Thibaut Broggi committed
6
    <meta name="twitter:card" content="summary" />
Thibaut Broggi's avatar
Thibaut Broggi committed
7
    <meta property="og:title" content="Soutenez La Quadrature du Net !" />
8
    <meta property="og:description" content="Soutenez La Quadrature du Net !" />
Thibaut Broggi's avatar
Thibaut Broggi committed
9
    <meta property="og:url" content="http://<%= host %>?<%= imageParams %>" />
Thibaut Broggi's avatar
Thibaut Broggi committed
10
    <meta property="og:image" content="http://<%= host %>/generate.png?<%= imageParams %>" />
11
    <link rel="stylesheet" href="./bootstrap-grid.min.css" />
Thibaut Broggi's avatar
Thibaut Broggi committed
12
    <link rel="stylesheet" href="./font-awesome.min.css" />
Thibaut Broggi's avatar
Thibaut Broggi committed
13
14
15
16
17
18
    <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
19
20
21
22
23
      <a class="fa fa-eyedropper" href="#step1"></a>
      <a class="fa fa-i-cursor" href="#step2"></a>
      <a class="fa fa-font" href="#step3"></a>
      <a class="fa fa-pencil" href="#step4"></a>
      <a class="fa fa-cogs" href="#step5"></a>
Thibaut Broggi's avatar
Thibaut Broggi committed
24
25
    </nav>
    <div id="inputs">
Thibaut Broggi's avatar
Thibaut Broggi committed
26
      <div>
27
	<button id="randomize">CHOISIR AU HASARD <span class="fa fa-random"></span></button>
Thibaut Broggi's avatar
Thibaut Broggi committed
28
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
29
      <div id="step1">
Thibaut Broggi's avatar
Thibaut Broggi committed
30
	<h2>Choisissez la couleur de fond</h2>
31
32
33
	<div class="colorpicker container">
	  <div class="row">
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
34
	      <input type="radio" name="bg-color" value="#f54358" id="bg-red" checked/>
Thibaut Broggi's avatar
Thibaut Broggi committed
35
	      <label for="bg-red">
Thibaut Broggi's avatar
Thibaut Broggi committed
36
		<span style="background-color: #f54358"></span>
Thibaut Broggi's avatar
Thibaut Broggi committed
37
	      </label>
38
39
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
40
	      <input type="radio" name="bg-color" value="#ee0088" id="bg-pink" />
Thibaut Broggi's avatar
Thibaut Broggi committed
41
	      <label for="bg-pink">
Thibaut Broggi's avatar
Thibaut Broggi committed
42
		<span style="background-color: #ee0088"></span>
Thibaut Broggi's avatar
Thibaut Broggi committed
43
	      </label>
44
45
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
46
	      <input type="radio" name="bg-color" value="#ff9146" id="bg-orange" />
Thibaut Broggi's avatar
Thibaut Broggi committed
47
	      <label for="bg-orange">
Thibaut Broggi's avatar
Thibaut Broggi committed
48
		<span style="background-color: #ff9146"></span>
Thibaut Broggi's avatar
Thibaut Broggi committed
49
	      </label>
50
51
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
52
	      <input type="radio" name="bg-color" value="#ffd201" id="bg-yellow" />
Thibaut Broggi's avatar
Thibaut Broggi committed
53
	      <label for="bg-yellow">
Thibaut Broggi's avatar
Thibaut Broggi committed
54
		<span style="background-color: #ffd201"></span>
Thibaut Broggi's avatar
Thibaut Broggi committed
55
	      </label>
56
57
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
58
	      <input type="radio" name="bg-color" value="#39d0b7" id="bg-teal" />
Thibaut Broggi's avatar
Thibaut Broggi committed
59
	      <label for="bg-teal">
Thibaut Broggi's avatar
Thibaut Broggi committed
60
		<span style="background-color: #39d0b7"></span>
Thibaut Broggi's avatar
Thibaut Broggi committed
61
	      </label>
62
63
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
64
	      <input type="radio" name="bg-color" value="#2f5189" id="bg-blue" />
Thibaut Broggi's avatar
Thibaut Broggi committed
65
	      <label for="bg-blue">
Thibaut Broggi's avatar
Thibaut Broggi committed
66
		<span style="background-color: #2f5189"></span>
Thibaut Broggi's avatar
Thibaut Broggi committed
67
	      </label>
68
69
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
70
	      <input type="radio" name="bg-color" value="#000" id="bg-black" />
Thibaut Broggi's avatar
Thibaut Broggi committed
71
	      <label for="bg-black">
Thibaut Broggi's avatar
Thibaut Broggi committed
72
		<span style="background-color: #000"></span>
Thibaut Broggi's avatar
Thibaut Broggi committed
73
	      </label>
74
	    </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
75
76
	  </div>
	</div>
77
78
79
80
	<h2>Choisissez la couleur du texte</h2>
	<div class="colorpicker container">
	  <div class="row">
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
81
	      <input type="radio" name="fg-color" value="#f54358" id="fg-red" />
82
	      <label for="fg-red">
Thibaut Broggi's avatar
Thibaut Broggi committed
83
		<span style="background-color: #f54358"></span>
84
85
86
	      </label>
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
87
	      <input type="radio" name="fg-color" value="#ee0088" id="fg-pink" />
88
	      <label for="fg-pink">
Thibaut Broggi's avatar
Thibaut Broggi committed
89
		<span style="background-color: #ee0088"></span>
90
91
92
	      </label>
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
93
	      <input type="radio" name="fg-color" value="#ff9146" id="fg-orange" />
94
	      <label for="fg-orange">
Thibaut Broggi's avatar
Thibaut Broggi committed
95
		<span style="background-color: #ff9146"></span>
96
97
98
	      </label>
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
99
	      <input type="radio" name="fg-color" value="#ffd201" id="fg-yellow" checked/>
100
	      <label for="fg-yellow">
Thibaut Broggi's avatar
Thibaut Broggi committed
101
		<span style="background-color: #ffd201"></span>
102
103
104
	      </label>
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
105
	      <input type="radio" name="fg-color" value="#39d0b7" id="fg-teal" />
106
	      <label for="fg-teal">
Thibaut Broggi's avatar
Thibaut Broggi committed
107
		<span style="background-color: #39d0b7"></span>
108
109
110
	      </label>
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
111
	      <input type="radio" name="fg-color" value="#2f5189" id="fg-blue" />
112
	      <label for="fg-blue">
Thibaut Broggi's avatar
Thibaut Broggi committed
113
		<span style="background-color: #2f5189"></span>
114
115
116
	      </label>
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
117
	      <input type="radio" name="fg-color" value="#000" id="fg-black" />
118
	      <label for="fg-black">
Thibaut Broggi's avatar
Thibaut Broggi committed
119
		<span style="background-color: #000"></span>
120
121
122
	      </label>
	    </div>
	    <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
Thibaut Broggi's avatar
Thibaut Broggi committed
123
	      <input type="radio" name="fg-color" value="#fff" id="fg-white" />
124
	      <label for="fg-white">
Thibaut Broggi's avatar
Thibaut Broggi committed
125
		<span style="background-color: #fff"></span>
126
127
128
129
	      </label>
	    </div>
	  </div>
	</div>
Thibaut Broggi's avatar
Thibaut Broggi committed
130
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
131
	  <a href="#step2" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
132
133
	</div>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
134
      <div id="step2">
Thibaut Broggi's avatar
Thibaut Broggi committed
135
	<h2>Remplissez le texte à trou</h2>
Thibaut Broggi's avatar
Thibaut Broggi committed
136
	<textarea placeholder="(90 caractères maximum)" rows="8" id="step2value" maxlength="90"></textarea>
Thibaut Broggi's avatar
Thibaut Broggi committed
137
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
138
139
	  <a href="#step1" class="prevButton">&lsaquo;</a>
	  <a href="#step3" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
140
141
	</div>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
142
      <div id="step3">
Thibaut Broggi's avatar
Thibaut Broggi committed
143
	<h2>Choisissez votre police</h2>
Thibaut Broggi's avatar
Thibaut Broggi committed
144
	<div>
Thibaut Broggi's avatar
Thibaut Broggi committed
145
146
147
148
149
	  <input type="radio" id="radio-font-1" name="font" value="bilbo-inc" /><label for="radio-font-1" style="font-family: bilbo-inc">Bilbo inc</label>
	  <input type="radio" id="radio-font-2" name="font" value="bluu-next" checked/><label for="radio-font-2" style="font-family: bluu-next">Bluu Next</label>
	  <input type="radio" id="radio-font-3" name="font" value="boeticher" /><label for="radio-font-3" style="font-family: boeticher">Boeticher</label>
	  <input type="radio" id="radio-font-4" name="font" value="combat" /><label for="radio-font-4" style="font-family: combat">Combat</label>
	  <input type="radio" id="radio-font-5" name="font" value="gulax" /><label for="radio-font-5" style="font-family: gulax">Gulax</label>
Thibaut Broggi's avatar
Thibaut Broggi committed
150
	  <input type="radio" id="radio-font-6" name="font" value="lineal" checked/><label for="radio-font-6" style="font-family: lineal">Lineal</label>
Thibaut Broggi's avatar
Thibaut Broggi committed
151
152
153
154
155
	  <input type="radio" id="radio-font-7" name="font" value="resistance" /><label for="radio-font-7" style="font-family: resistance">Resistance</label>
	  <input type="radio" id="radio-font-8" name="font" value="savate" /><label for="radio-font-8" style="font-family: savate">Savate</label>
	  <input type="radio" id="radio-font-9" name="font" value="solid-mirage" /><label for="radio-font-9" style="font-family: solid-mirage">Solid Mirage</label>
	  <input type="radio" id="radio-font-10" name="font" value="steps-mono" /><label for="radio-font-10" style="font-family: steps-mono">Steps-Mono</label>
	  <input type="radio" id="radio-font-11" name="font" value="terminal" /><label for="radio-font-11" style="font-family: terminal">Terminal</label>
Thibaut Broggi's avatar
Thibaut Broggi committed
156
	</div>
Thibaut Broggi's avatar
Thibaut Broggi committed
157
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
158
159
	  <a href="#step2" class="prevButton">&lsaquo;</a>
	  <a href="#step4" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
160
161
	</div>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
162
      <div id="step4">
Thibaut Broggi's avatar
Thibaut Broggi committed
163
	<h2>Choisissez votre icône</h2>
Thibaut Broggi's avatar
Thibaut Broggi committed
164
165
166
	<div class="container">
	  <div class="row">
	    <input type="radio" id="radio-icon-1" name="icon" value="1" checked/>
Thibaut Broggi's avatar
Thibaut Broggi committed
167
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-1"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
168
	    <input type="radio" id="radio-icon-2" name="icon" value="2" />
Thibaut Broggi's avatar
Thibaut Broggi committed
169
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-2" style="background-position: 33% 0"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
170
	    <input type="radio" id="radio-icon-3" name="icon" value="3" />
Thibaut Broggi's avatar
Thibaut Broggi committed
171
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-3" style="background-position: 67% 0"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
172
	    <input type="radio" id="radio-icon-4" name="icon" value="4" />
Thibaut Broggi's avatar
Thibaut Broggi committed
173
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-4" style="background-position: 100% 0"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
174
	    <input type="radio" id="radio-icon-5" name="icon" value="5" />
Thibaut Broggi's avatar
Thibaut Broggi committed
175
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-5" style="background-position: 0 12.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
176
	    <input type="radio" id="radio-icon-6" name="icon" value="6" />
Thibaut Broggi's avatar
Thibaut Broggi committed
177
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-6" style="background-position: 33% 12.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
178
	    <input type="radio" id="radio-icon-7" name="icon" value="7" />
Thibaut Broggi's avatar
Thibaut Broggi committed
179
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-7" style="background-position: 67% 12.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
180
	    <input type="radio" id="radio-icon-8" name="icon" value="8" />
Thibaut Broggi's avatar
Thibaut Broggi committed
181
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-8" style="background-position: 100% 12.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
182
	    <input type="radio" id="radio-icon-9" name="icon" value="9" />
Thibaut Broggi's avatar
Thibaut Broggi committed
183
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-9" style="background-position: 0 24%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
184
	    <input type="radio" id="radio-icon-10" name="icon" value="10" />
Thibaut Broggi's avatar
Thibaut Broggi committed
185
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-10" style="background-position: 33% 24%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
186
	    <input type="radio" id="radio-icon-11" name="icon" value="11" />
Thibaut Broggi's avatar
Thibaut Broggi committed
187
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-11" style="background-position: 67% 24%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
188
	    <input type="radio" id="radio-icon-12" name="icon" value="12" />
Thibaut Broggi's avatar
Thibaut Broggi committed
189
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-12" style="background-position: 100% 24%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
190
	    <input type="radio" id="radio-icon-13" name="icon" value="13"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
191
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-13" style="background-position: 0 37.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
192
	    <input type="radio" id="radio-icon-14" name="icon" value="14"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
193
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-14" style="background-position: 33% 37.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
194
	    <input type="radio" id="radio-icon-15" name="icon" value="15"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
195
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-15" style="background-position: 67% 37.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
196
	    <input type="radio" id="radio-icon-16" name="icon" value="16"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
197
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-16" style="background-position: 100% 37.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
198
	    <input type="radio" id="radio-icon-17" name="icon" value="17"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
199
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-17" style="background-position: 0 50%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
200
	    <input type="radio" id="radio-icon-18" name="icon" value="18"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
201
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-18" style="background-position: 33% 50%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
202
	    <input type="radio" id="radio-icon-19" name="icon" value="19"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
203
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-19" style="background-position: 67% 50%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
204
	    <input type="radio" id="radio-icon-20" name="icon" value="20"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
205
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-20" style="background-position: 100% 50%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
206
	    <input type="radio" id="radio-icon-21" name="icon" value="21"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
207
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-21" style="background-position: 0 61%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
208
	    <input type="radio" id="radio-icon-22" name="icon" value="22"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
209
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-22" style="background-position: 33% 61%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
210
	    <input type="radio" id="radio-icon-23" name="icon" value="23"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
211
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-23" style="background-position: 67% 61%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
212
	    <input type="radio" id="radio-icon-24" name="icon" value="24"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
213
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-24" style="background-position: 100% 61%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
214
	    <input type="radio" id="radio-icon-25" name="icon" value="25"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
215
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-25" style="background-position: 0 73%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
216
	    <input type="radio" id="radio-icon-26" name="icon" value="26"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
217
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-26" style="background-position: 33% 73%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
218
	    <input type="radio" id="radio-icon-27" name="icon" value="27"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
219
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-27" style="background-position: 67% 73%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
220
	    <input type="radio" id="radio-icon-28" name="icon" value="28"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
221
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-28" style="background-position: 100% 73%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
222
	    <input type="radio" id="radio-icon-29" name="icon" value="29"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
223
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-29" style="background-position: 0 87.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
224
	    <input type="radio" id="radio-icon-30" name="icon" value="30"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
225
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-30" style="background-position: 33% 87.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
226
	    <input type="radio" id="radio-icon-31" name="icon" value="31"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
227
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-31" style="background-position: 67% 87.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
228
	    <input type="radio" id="radio-icon-32" name="icon" value="32"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
229
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-32" style="background-position: 100% 87.5%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
230
	    <input type="radio" id="radio-icon-33" name="icon" value="33"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
231
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-33" style="background-position: -1 100%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
232
	    <input type="radio" id="radio-icon-34" name="icon" value="34"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
233
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-34" style="background-position: 32% 100%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
234
	    <input type="radio" id="radio-icon-35" name="icon" value="35"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
235
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-35" style="background-position: 67% 100%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
236
	    <input type="radio" id="radio-icon-36" name="icon" value="36"/>
Thibaut Broggi's avatar
Thibaut Broggi committed
237
	    <label class="col-xs-12 col-sm-6 col-lg-4 col-xl-3" for="radio-icon-36" style="background-position: 100% 100%"></label>
Thibaut Broggi's avatar
Thibaut Broggi committed
238
239
	  </div>
	</div>
Thibaut Broggi's avatar
Thibaut Broggi committed
240
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
241
242
	  <a href="#step3" class="prevButton">&lsaquo;</a>
	  <a href="#step5" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
243
244
	</div>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
245
      <div id="step5">
Thibaut Broggi's avatar
Thibaut Broggi committed
246
	<h2>Signez votre création ! (optionnel)</h2>
Thibaut Broggi's avatar
Thibaut Broggi committed
247
	<input type="text" id="signature" />
Thibaut Broggi's avatar
Thibaut Broggi committed
248
	<div class="navButtons">
Thibaut Broggi's avatar
Thibaut Broggi committed
249
	  <a href="#step4" class="prevButton">&lsaquo;</a>
Thibaut Broggi's avatar
Thibaut Broggi committed
250
251
252
253
	</div>
      </div>
    </div>
    <main>
Thibaut Broggi's avatar
Thibaut Broggi committed
254
255
      <div>
	<canvas id="output" width="600" height="413"></canvas>
Thibaut Broggi's avatar
Thibaut Broggi committed
256
	<a id="tweet-button" target="_blank" href="https://twitter.com/intent/tweet?text=Soutenez La Quadrature du Net !">Tweet <span class="fa fa-twitter"></span></a>
Thibaut Broggi's avatar
Thibaut Broggi committed
257
258
	<a id="save-image" download="lqdn-slogan.png">Enregistrer <span class="fa fa-save"></span></a>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
259
260
      <div id="credits">
	<p><strong>Site hébergé par La Quadrature du Net</strong></p>
261
	<p><strong>Crédits :</strong> Les polices utilisées viennnent de <a href="https://www.velvetyne.fr/">Velvetyne Type Foundry</a>. 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>
Thibaut Broggi's avatar
Thibaut Broggi committed
262
263
264
265
	<p><strong>Code source du site :</strong><br />
	  contact@laquadrature.net
	</p>
      </div>
Thibaut Broggi's avatar
Thibaut Broggi committed
266
    </main>
Thibaut Broggi's avatar
Thibaut Broggi committed
267
    <script src="./canvas.js"></script>
Thibaut Broggi's avatar
Thibaut Broggi committed
268
269
  </body>
</html>