Clean up and new homepage

karellm · Jan 5, 2018 · a1e5758 · a1e5758
1 parent 7c68a10
commit a1e5758
Show file tree

Hide file tree

Showing 183 changed files with 563 additions and 11,752 deletions.
diff --git a/README.md b/README.md
@@ -12,6 +12,8 @@ node serve.js
 
 Set the credentials:
 
+- [ ] Update sitemap: www.xml-sitemaps.com
+
 ```
 cp .env.example .env
 # edit the file with proper credentials

diff --git a/docs/CNAME b/docs/CNAME
@@ -0,0 +1 @@
+icarela.fr
diff --git a/docs/baptemes-de-l-air/duo.html b/docs/baptemes-de-l-air/duo.html
@@ -2,7 +2,8 @@
 
 <html lang="fr">
 <head>
-    <title>Baptêmes de l&#x27;air en duo | Icarela</title>
+    <title>Baptêmes de l&#x27;air ULM avion ou autogire en duo | Icarela</title>
+
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
@@ -92,6 +93,7 @@ <h2>Vol en duo</h2>
             <div class="page-social">
                 <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
                 <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
             </div>
         </div>
     </div>

diff --git a/docs/baptemes-de-l-air/golfe-morbihan.html b/docs/baptemes-de-l-air/golfe-morbihan.html
@@ -2,7 +2,8 @@
 
 <html lang="fr">
 <head>
-    <title>Baptêmes de l&#x27;air dans le Golfe du Morbihan | Icarela</title>
+    <title>Baptêmes de l&#x27;air ULM avion ou autogire dans le Golfe du Morbihan | Icarela</title>
+
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
@@ -99,6 +100,7 @@ <h2>Le Golfe du Morbihan</h2>
             <div class="page-social">
                 <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
                 <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
             </div>
         </div>
     </div>

diff --git a/docs/baptemes-de-l-air/la-baule.html b/docs/baptemes-de-l-air/la-baule.html
@@ -2,7 +2,8 @@
 
 <html lang="fr">
 <head>
-    <title>Baptêmes de l&#x27;air à la Baule | Icarela</title>
+    <title>Baptêmes de l&#x27;air ULM avion ou autogire à la Baule | Icarela</title>
+
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
@@ -104,6 +105,7 @@ <h2>La Baule et la presqu'île guérandaise</h2>
             <div class="page-social">
                 <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
                 <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
             </div>
         </div>
     </div>

diff --git a/docs/baptemes-de-l-air/les-iles.html b/docs/baptemes-de-l-air/les-iles.html
@@ -2,7 +2,8 @@
 
 <html lang="fr">
 <head>
-    <title>Baptêmes de l&#x27;air autour des îles | Icarela</title>
+    <title>Baptêmes de l&#x27;air ULM avion ou autogire autour des îles | Icarela</title>
+
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
@@ -94,6 +95,7 @@ <h2>Les îles</h2>
             <div class="page-social">
                 <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
                 <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
             </div>
         </div>
     </div>

diff --git a/docs/baptemes-de-l-air/pornic.html b/docs/baptemes-de-l-air/pornic.html
@@ -2,7 +2,8 @@
 
 <html lang="fr">
 <head>
-    <title>Baptêmes de l&#x27;air à Pornic | Icarela</title>
+    <title>Baptêmes de l&#x27;air ULM avion ou autogire à Pornic | Icarela</title>
+
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
@@ -99,6 +100,7 @@ <h2>Pornic</h2>
             <div class="page-social">
                 <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
                 <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
             </div>
         </div>
     </div>

diff --git a/docs/contact.html b/docs/contact.html
@@ -3,13 +3,14 @@
 <html lang="fr">
 <head>
     <title>Contact | Icarela</title>
+
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" type="text/css" href="/css/main.css" />
 </head>
 
-<body class="">
+<body>
 
 <header class="page-header">
     <div class="container">
@@ -84,7 +85,7 @@ <h2>Nous contacter</h2>
     <div class="half">
         <h4>Inscrivez-vous à notre mailing list</h4>
 
-        <form action="http://icarela.createsend.com/t/t/s/ijuddi/" method="post" novalidate>
+        <form action="https://icarela.us4.list-manage.com/subscribe/post?u=1224e905c5370cc98cf02e7e1&amp;id=959ec3d706" method="post" novalidate target="_blank">
             <p>
                 <input id="fieldName" name="cm-name" type="text" placeholder="Nom" />
             </p>
@@ -100,17 +101,88 @@ <h4>Inscrivez-vous à notre mailing list</h4>
 
     <div class="half last">
         <h4>Suivez-nous sur les réseaux sociaux</h4>
-
         <p>
             <a class="button-social facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
         </p>
-
         <p>
             <a class="button-social twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
         </p>
+        <p>
+            <a class="button-social youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
+        </p>
     </div>
 </section>
 
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        var $form = document.querySelector('form')
+        var $message = document.querySelector('.message')
+        var $email = document.getElementById('fieldEmail')
+        var $name = document.getElementById('fieldName')
+        var url = $form.getAttribute('action').replace('/post?', '/post-json?')
+
+        $form.addEventListener('submit', function (event) {
+            event.preventDefault()
+
+            var data = new FormData($form)
+
+            if (/@/.test($email.value) && $name.value) {
+                $email.classList.remove('error')
+                $name.classList.remove('error')
+                $message.classList.remove('error', 'success')
+
+                document.MC_callback = function (response) {
+                    if (response.result == 'success') {
+                        $email.value = ''
+                        $name.value = ''
+                        $message.classList.add('success')
+                        $message.innerText = 'Succès ! Une confirmation vous a été envoyée par email.'
+                    }
+                    else if (response.msg && response.msg.indexOf('already subscribed')) {
+                        $message.classList.add('error')
+                        $message.innerText = 'Vous êtes déjà inscrit(e).'
+                    }
+                    else {
+                        $message.classList.add('error')
+                        $message.innerText = 'Une erreur est survenue, merci de réessayer.'
+                    }
+                }
+
+                // generate script
+                var script = document.createElement('script')
+                script.type = 'text/javascript'
+                script.src = 
+                    url + 
+                    '&c=document.MC_callback&FNAME=' + 
+                    encodeURIComponent($name.value) + 
+                    '&EMAIL=' + 
+                    encodeURIComponent($email.value)
+
+                // append script to head    
+                document.getElementsByTagName('head')[0].appendChild(script)
+            }
+            else {
+                $message.classList.add('error')
+                $message.classList.remove('success')
+
+                if (!$name.value) {
+                    $name.classList.add('error')
+                    $message.innerText = 'Un nom est requis.'
+                }
+                else {
+                    $name.classList.remove('error')
+                }
+                if (!/@/.test($email.value)) {
+                    $email.classList.add('error')
+                    $message.innerText = 'Un email est requis.'
+                }
+                else {
+                    $email.classList.remove('error')
+                }
+            }
+        });
+    }, false)
+</script>
 
         </div>
     </div>
@@ -121,18 +193,11 @@ <h4>Suivez-nous sur les réseaux sociaux</h4>
             <div class="page-social">
                 <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
                 <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
             </div>
         </div>
     </div>
 
-
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-<script type="text/javascript">
-if (typeof jQuery == 'undefined')
-document.write(unescape("%3Cscript src='/js/jquery-2.1.1.min.js' type='text/javascript'%3E%3C/script%3E"));
-</script>
-<script type="text/javascript" src="/js/jquery.superslides.min.js"></script>
-<script type="text/javascript" src="/js/main.js"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),