base.html 8.78 KB
Newer Older
cynddl's avatar
cynddl 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
{% load static %}
<!DOCTYPE html>
<!-- Header -->
<html>
	<head>
	<title>Soutenez La Quadrature du Net !</title>
	<meta charset="utf-8" />
	<meta name="author" content="La Quadrature du Net" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- Open graph -->
	<meta property="og:title" content="Soutenez La Quadrature du Net !" />
	<meta property="og:url" content="https://soutien.laquadrature.net/" />
	<!-- FIXME: Change the OG image -->
	<meta property="og:image" content="https://soutien.laquadrature.net/static/img/anim_3.gif" />
	<meta property="og:site_name" content="La Quadrature du Net" />
	<meta property="og:description" content="Depuis sa création, La Quadrature du Net agit sans relâche pour qu'Internet demeure un outil de partage, de libre expression, d'émancipation et permette la participation de tous au débat démocratique." />

	<!-- Twitter cards -->
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@laquadrature" />
	<meta name="twitter:title" content="Soutenez la Quadrature du Net&nbsp!">
	<meta name="twitter:image" content="https://soutien.laquadrature.net/static/img/anim_3.gif">
	<meta name="twitter:description" content="Depuis sa création, La Quadrature du Net agit sans relâche pour qu'Internet demeure un outil de partage, de libre expression, d'émancipation et permette la participation de tous au débat démocratique.">

	<!-- Styles -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
	<!-- <link rel="stylesheet" href="/static/css/bootstrap.css" media="all"> -->

	<link rel="stylesheet" href="/static/css/font-awesome.css" media="all">
	<link rel="stylesheet" href="/static/css/fonts.css" media="all">
	<link rel="stylesheet" href="/static/css/forms.css" media="all">
	<link rel="stylesheet" href="/static/css/modals.css" media="all">
	<link rel="stylesheet" href="/static/css/collapsibles.css" media="all">
	<link rel="stylesheet" href="/static/css/layouts.css" media="all">
	<link rel="stylesheet" href="/static/css/tables.css" media="all">
</head>
<body>
	<div class="modal-form " id="login">
	<div class="modal-form-title modal-form-only">
		<a class="close modal-form-only" href="/#"><span>Fermer</span></a>
		<h1>Se connecter</h1>
	</div>
	<form method="POST" class="form-inline" action="/login">
		<div class="modal-form-body">
			<input type="hidden" name="csrf" id="csrf" value="f0c2e16b60242fe65b800778d3b90f91" />
			<fieldset class="form-group modal-form-only">
				<div class="modal-row form-group">
					<label for="email">Adresse mail</label>
					<input class="form-control" type="email" name="email" id="email" required>
				</div>
				<div class="modal-row form-group">
					<label for="password">Mot de passe</label>
					<input class="form-control" type="password" name="password" id="password" required>
				</div>
				<div class="modal-row">
					<a href="#password-reset">Réinitialiser votre mot de passe</a>
					<input class="btn btn-lg btn-modal" type="submit" name="submit" id="submit" value="Connexion">
				</div>
			</fieldset>
		</div>
	</form>
</div>

<div class="modal-form" id="add-account">
	<div class="modal-form-title modal-form-only">
		<a class="close modal-form-only" href="#"><span>Fermer</span></a>
		<h1>Créer un compte</h1>
	</div>
	<form method="POST" class="form-inline" action="/login">
		<div class="modal-form-body">
			<input type="hidden" name="csrf" id="csrf" value="f0c2e16b60242fe65b800778d3b90f91" />
			<input type="hidden" name="action" id="action" value="create_account" />
			<fieldset class="form-group modal-form-only">
				<div class="modal-row form-group">
					<label for="email">Adresse mail</label>
					<input class="form-control" type="email" name="email" id="email" required>
				</div>
				<div class="modal-row form-group">
					<label for="password">Mot de passe</label>
					<input class="form-control" type="password" name="password" id="password" required>
				</div>
				<div class="modal-row">
					<input class="btn btn-lg btn-modal" type="submit" name="submit" id="submit" value="Création du compte">
				</div>
			</fieldset>
		</div>
	</form>
</div>
<div class="modal-form" id="merci">
	<div class="modal-form-title modal-form-only">
		<a class="close modal-form-only" href="/#"><span>Fermer</span></a>
		<h1>Merci &lt;3</h1>
	</div>
	<div class="modal-form-body modal-form-only">
		<div class="modal-row">
			<p>Merci de votre soutien</p>
		</div>
	</div>
</div>
<div class="modal-form" id="password-reset">
	<div class="modal-form-title modal-form-only">
		<a class="close modal-form-only" href="/#"><span>Fermer</span></a>
		<h1>Réinitialiser votre mot de passe</h1>
	</div>
	<form method="POST" class="form-inline" action="/login">
		<div class="modal-form-body">
			<input type="hidden" name="csrf" id="csrf" value="f0c2e16b60242fe65b800778d3b90f91" />
			<input type="hidden" name="action" id="action" value="renew_password" />
			<fieldset class="form-group modal-form-only">
				<div class="modal-row form-group">
					<label for="email">Adresse mail</label>
					<input class="form-control" type="email" name="email" id="email" required>
				</div>
				<div class="modal-row">
					<input class="btn btn-lg btn-modal" type="submit" name="submit" id="submit" value="Réinitialiser le mot de passe">
				</div>
			</fieldset>
		</div>
	</form>
</div>

<div>
	<nav class="navbar sticky-top navbar-toggleable-md dark-blue">
		<div class="collapse navbar-collapse" id="navbarSupportedContent">
			<ul class="navbar-nav ml-auto">
				<li class="nav-item"><a class="nav-link" href="#add-account">Créer un compte</a></li>
				<li class="nav-item"><a class="nav-link" href="#login">Se connecter</a></li>
				<li class="nav-item"><a class="nav-link" href="https://soutien.laquadrature.net">[FR]</a></li>
				<li class="nav-item"><a class="nav-link" href="https://support.laquadrature.net">[EN]</a></li>
			</ul>
		</div>
	</nav>

	<nav class="navbar navbar-toggleable-md">
		<div class="collapse navbar-collapse" id="navbarSupportedContent">

			<a class="navbar-brand" href="/"><img class="float-left" src="/static/img/logo.png" alt=""></a>

			<ul class="navbar-nav ml-auto">
				<li class="nav-item"><a class="nav-link" href="#add-account">Vous êtes Padawan</a></li>
			</ul>
		</div>
	</nav>

</div>

<!--
<div class="visible-xs visible-sm">
	<nav id="toolbar" class="navbar navbar-default navbar-white">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="/">
					<img src="/static/img/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-nav">
				<li class="pull-right"><a href="#login">Se connecter</a></li>
								<li class="pull-right collapsible-menu"><a href="#action-menu">Menu</a>
				</li>
			</ul>
		</div>
		<span class="menu-collapsed-target" id="perso-menu"></span>
		<div class="menu-collapsed">
			<ul class="nav navbar-nav">
                <li><a href="/perso/logout">Déconnexion</a></li>
                <li><a href="/perso">Page Perso</a></li>
				<li><a href="#">Fermer</a></li>
			</ul>
		</div>
		<span class="menu-collapsed-target" id="action-menu"></span>
		<div class="menu-collapsed">
			<ul class="nav navbar-nav">
				<li> <a href="/why" >À quoi sert votre don&nbsp;?</a></li>
				<li> <a href="/what" >Que fait LQDN&nbsp;?</a></li>
				<li> <a href="/who" >Comment fonctionne LQDN&nbsp;?</a></li>
				<li> <a href="/faq" >FAQ</a></li>
				<li> <a href="/material" >Relayer</a></li>
				<li> <a href="/"  >Home</a></li>
				<li><a href="#">Fermer</a></li>
			</ul>
		</div>
	</nav>
</div> -->



<section class="text-center container-fluid white">
	<div id="subtitle" class="row justify-content-center">
		<div class="page-header col-md-10">
			<h1><span>Bienvenue sur la revue de presse de La Quadrature</span></h1>
		</div>
	</div>

	<div class="row justify-content-center">
		<div id="video" class="col-md-6">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis repellendus voluptates est nesciunt eum recusandae, quisquam reprehenderit impedit iusto, quo sint. Odio voluptatem odit voluptate, facilis esse dolores animi repellendus?</p>
		</div>
		<div id="donation" class="col-md-4">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus voluptas earum assumenda, perspiciatis dicta maxime quo illum repudiandae itaque omnis fuga explicabo magni minus maiores laboriosam voluptatibus doloremque. Nostrum, corrupti.</p>
		</div>
	</div>
</section>


<section id="main" class="container-fluid white">
	{% block content %}
	{% endblock %}
</section>

</body>
luxcem's avatar
luxcem committed
213
</html>