Home Explore Help
Sign In
Bertrand
/
wifi-with-me
forked from FFDN/wifi-with-me
1
0
Fork 0
Files
Browse Source

Refactor templates. Add legal page.

opi 10 years ago
parent
31e65fa3ce
commit
f4156d4b72
9 changed files with 110 additions and 163 deletions
Split View Show Diff Stats
  1. 0 0
      assets/form.js
  2. 6 0
      assets/main.css
  3. 5 2
      backend.py
  4. 49 0
      views/base.tpl
  5. 18 0
      views/legal.tpl
  6. 8 54
      views/map.tpl
  7. 0 78
      views/thanks.html
  8. 22 0
      views/thanks.tpl
  9. 2 29
      views/wifi-form.tpl

assets/main.js → assets/form.js
View File


+ 6 - 0
assets/main.css
View File 

@@ -1,4 +1,10 @@
 
 
+.main-header h1 a,
 
+.main-header h1 a:visited,
 
+.main-header h1 a:link {
 
+    color: #333;
 
+}
 
+
 
 .back-link {
 
     display: inline-block;
 
     margin-bottom: 30px;

+ 5 - 2
backend.py
View File 

@@ -149,14 +149,17 @@ def submit_wifi_form():
 
 
 @route('/thanks')
 
 def wifi_form_thanks():
 
-    return static_file('thanks.html',
 
-                       root=join(dirname(__file__), 'views/'))
 
+    return template('thanks')
 
 
 @route('/assets/<filename:path>')
 
 def send_asset(filename):
 
     return static_file(filename, root=join(dirname(__file__), 'assets'))
 
 
 
+@route('/legal')
 
+def legal():
 
+    return template('legal')
 
+
 
 
 """
 
 Results Map

+ 49 - 0
views/base.tpl
View File 

@@ -0,0 +1,49 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <title>FAIMaison − contribution à l'expérimentation wifi</title>
 
+
 
+    <!-- jQuery -->
 
+    <script src="assets/jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
 
+
 
+    <!-- Bootstrap -->
 
+    <script src="assets/bootstrap/js/bootstrap.js"></script>
 
+    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
+
 
+    <!-- Leaflet -->
 
+    <link rel="stylesheet" type="text/css" media="all" href="assets/leaflet/leaflet.css" />
 
+    <script src="assets/leaflet/leaflet.js" type="text/javascript"></script>
 
+
 
+    <!-- Custom -->
 
+    <link rel="stylesheet" type="text/css" media="all" href="assets/main.css" />
 
+
 
+
 
+  </head>
 
+<body class="{{page}}">
 
+
 
+  <header class="main-header jumbotron">
 
+    <div class="container">
 
+    %if page == 'form':
 
+    <h1>Réseau wifi expérimental</h1>
 
+    %else:
 
+    <h1><a href="/">Réseau wifi expérimental</a></h1>
 
+    %end
 
+    </div>
 
+  </header>
 
+
 
+  <section role="main" class="container">
 
+    {{!base}}
 
+  </section>
 
+
 
+  <footer>
 
+    <p>
 
+        Vos données personnelles sont en lieu sûr.
 
+        <br>
 
+        <a href="https://faimaison.net" target="_blank">FAImaison.net</a> -
 
+        <a href="/legal">Mentions légales</a>
 
+    </p>
 
+  </footer>
 
+
 
+</body>
 
+</html>

+ 18 - 0
views/legal.tpl
View File 

@@ -0,0 +1,18 @@
 
+% rebase('base.tpl', page='legal')
 
+
 
+<h1>Mentions légales</h1>
 
+
 
+<p>
 
+Les informations recueillies font l’objet d’un traitement informatique.
 
+</p>
 
+
 
+<p>
 
+Conformément à la loi « informatique et libertés » du 6 janvier 1978 modifiée en
 
+2004, vous bénéficiez d’un droit d’accès et de rectification aux informations
 
+qui vous concernent, que vous pouvez exercer en vous adressant à bureaut (at) faimaison.net.
 
+</p>
 
+
 
+<p>
 
+Vous pouvez également, pour des motifs légitimes, vous opposer au traitement des
 
+données vous concernant.
 
+</p>

+ 8 - 54
views/map.tpl
View File 

@@ -1,57 +1,11 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <title>FAIMaison − contribution à l'expérimentation wifi</title>
 
+% rebase('base.tpl', page='map')
 
 
-    <!-- jQuery -->
 
-    <script src="assets/jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
 
+<!-- <span class="back-link">&larr; <a href="/">Accueil</a></span> -->
 
 
-    <!-- Bootstrap -->
 
-    <script src="assets/bootstrap/js/bootstrap.js"></script>
 
-    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
+<h1>Résultats</h1>
 
 
-    <!-- Leaflet -->
 
-    <link rel="stylesheet" type="text/css" media="all" href="assets/leaflet/leaflet.css" />
 
-    <script src="assets/leaflet/leaflet.js" type="text/javascript"></script>
 
-
 
-    <!-- Custom -->
 
-    <link rel="stylesheet" type="text/css" media="all" href="assets/main.css" />
 
-    <!-- script src="assets/main.js" type="text/javascript"></script -->
 
-
 
-  </head>
 
-<body>
 
-  <header class="jumbotron">
 
-    <div class="container">
 
-    <h1>Réseau wifi expérimental</h1>
 
-  </header>
 
-
 
-  <section role="main" class="container">
 
-    <span class="back-link">&larr; <a href="/">Accueil</a></span>
 
-
 
-    <div id="map" class="results" data-json="{{geojson}}"></div>
 
-    <script src="assets/map.js" type="text/javascript"></script>
 
-    <p>
 
-      Télécharger le fichier <a href="{{geojson}}">GeoJSON</a>.
 
-    </p>
 
-  </section>
 
-
 
-  <footer>
 
-    <p>Vos données personnelles sont en lieu sûr.</p>
 
-  </footer>
 
-
 
-  <div id="modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="Resultats" aria-hidden="true">
 
-    <div class="modal-dialog modal-lg">
 
-      <div class="modal-content">
 
-        <div class="modal-header">
 
-          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Fermer</span></button>
 
-          <h4 class="modal-title" id="myModalLabel">Résultats</h4>
 
-        </div>
 
-        <div class="modal-body">
 
-        </div>
 
-      </div>
 
-    </div>
 
-  </div>
 
-
 
-</body>
 
-</html>
 
+<div id="map" class="results" data-json="{{geojson}}"></div>
 
+<script src="assets/map.js" type="text/javascript"></script>
 
+<p>
 
+  Télécharger le fichier <a href="{{geojson}}">GeoJSON</a>.
 
+</p>

+ 0 - 78
views/thanks.html
View File 

@@ -1,78 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <title>FAIMaison − contribution à l'expérimentation wifi</title>
 
-
 
-    <!-- jQuery -->
 
-    <script src="assets/jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
 
-
 
-    <!-- Bootstrap -->
 
-    <script src="assets/bootstrap/js/bootstrap.js"></script>
 
-    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
-
 
-    <!-- Leaflet -->
 
-    <link rel="stylesheet" type="text/css" media="all" href="assets/leaflet/leaflet.css" />
 
-    <script src="assets/leaflet/leaflet.js" type="text/javascript"></script>
 
-
 
-    <!-- Custom -->
 
-    <link rel="stylesheet" type="text/css" media="all" href="assets/main.css" />
 
-    <script src="assets/main.js" type="text/javascript"></script>
 
-
 
-  </head>
 
-<body>
 
-  <header class="jumbotron">
 
-    <div class="container">
 
-    <h1>Merci !</h1>
 
-    <p>
 
-Votre contribution a bien été enregistrée.
 
-    </p>
 
-
 
-      <p>
 
-      </p>
 
-    </div>
 
-  </header>
 
-
 
-<section role="main" class="container">
 
-    <p>
 
-Si vous voulez <strong>rester en
 
-contact</strong> avec l'association, nous rencontrer ou vous tenir informé, ça
 
-    se passe sur
 
-    <a href="https://faimaison.net/pages/contact.html">la page contact</a> de
 
-l'association.
 
-    </p>
 
-
 
-
 
-<aside>
 
-    <p>
 
-La carte publique sera disponible prochainement à l'adresse
 
-<a href="https://faimaison.net/carto/">https://faimaison.net/carto/</a>.
 
-    </p>
 
-
 
-<footer>
 
-
 
-<h3>Mentions légales</h3>
 
-<p>
 
-Les informations recueillies font l’objet d’un traitement informatique.
 
-</p>
 
-
 
-<p>
 
-Conformément à la loi « informatique et libertés » du 6 janvier 1978 modifiée en
 
-2004, vous bénéficiez d’un droit d’accès et de rectification aux informations
 
-qui vous concernent, que vous pouvez exercer en vous adressant à bureaut (at) faimaison.net.
 
-</p>
 
-
 
-<p>
 
-Vous pouvez également, pour des motifs légitimes, vous opposer au traitement des
 
-données vous concernant.
 
-</p>
 
-
 
-</footer>
 
-
 
-</section>
 
-
 
-<footer>
 
-  <p><3</p>
 
-</footer>
 
-</body>
 
-</html>

+ 22 - 0
views/thanks.tpl
View File 

@@ -0,0 +1,22 @@
 
+% rebase('base.tpl', page='thanks')
 
+
 
+<h1>Merci !</h1>
 
+
 
+<p>
 
+Votre contribution a bien été enregistrée.
 
+</p>
 
+<p>
 
+Si vous voulez <strong>rester en
 
+contact</strong> avec l'association, nous rencontrer ou vous tenir informé, ça
 
+se passe sur
 
+<a href="https://faimaison.net/pages/contact.html">la page contact</a> de
 
+l'association.
 
+</p>
 
+
 
+<p>
 
+La carte publique sera disponible prochainement à l'adresse
 
+<a href="https://faimaison.net/carto/">https://faimaison.net/carto/</a>.
 
+</p>
 
+
 
+
 
+

+ 2 - 29
views/wifi-form.tpl
View File 

@@ -1,29 +1,8 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <title>FAIMaison − contribution à l'expérimentation wifi</title>
 
+% rebase('base.tpl', page='form')
 
+  <script src="assets/form.js" type="text/javascript"></script>
 
 
-    <!-- jQuery -->
 
-    <script src="assets/jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
 
-
 
-    <!-- Bootstrap -->
 
-    <script src="assets/bootstrap/js/bootstrap.js"></script>
 
-    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
-
 
-    <!-- Leaflet -->
 
-    <link rel="stylesheet" type="text/css" media="all" href="assets/leaflet/leaflet.css" />
 
-    <script src="assets/leaflet/leaflet.js" type="text/javascript"></script>
 
-
 
-    <!-- Custom -->
 
-    <link rel="stylesheet" type="text/css" media="all" href="assets/main.css" />
 
-    <script src="assets/main.js" type="text/javascript"></script>
 
-
 
-  </head>
 
-<body>
 
   <header class="jumbotron">
 
     <div class="container">
 
-    <h1>Réseau wifi expérimental</h1>
 
 %if errors:
 
 
 <p>
 
@@ -244,9 +223,6 @@ J'autorise qu'apparaissent sur la carte publique :
 
   </form>
 
   </section>
 
 
-  <footer>
 
-    <p>Vos données personnelles sont en lieu sûr.</p>
 
-  </footer>
 
 
 <div id="modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="Resultats" aria-hidden="true">
 
   <div class="modal-dialog modal-lg">
 
@@ -260,6 +236,3 @@ J'autorise qu'apparaissent sur la carte publique :
 
     </div>
 
   </div>
 
 </div>
 
-
 
-</body>
 
-</html>