Start landing page

app/assets/javascripts/application.js

@@ -26,3 +26,12 @@
 //= require leaflet.freedraw
 //= require smart_listing
 //= require turf
+
+$(document).ready(function() {
+    $('.js-scrollTo').on('click', function() { // Au clic sur un élément
+        var page = $(this).attr('cible'); // Page cible
+        var speed = 600; // Durée de l'animation (en ms)
+        $('html, body').animate( { scrollTop: $(page).offset().top-100 }, speed ); // Go
+        return false;
+    });
+});

app/assets/stylesheets/landing.scss

@@ -0,0 +1,65 @@
+#wrap {
+}
+
+.max-size {
+  margin-left: -13%;
+  margin-right: -13%;
+}
+
+#landing {
+  margin-top: -20px;
+
+  background-image: image-url('landing_background.jpg');
+  background-repeat: no-repeat;
+
+  #title {
+    h1 {
+      font-size: 65px;
+    }
+    h2 {
+      font-size: 35px;
+    }
+
+    color: white;
+    padding-top: 6%;
+    padding-bottom: 9%;
+    text-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
+  }
+
+  .logo img {
+    width: 70px;
+  }
+
+  #buttons {
+    margin-top: 5%;
+
+    button {
+      margin-left: 30px;
+      margin-right: 30px;
+    }
+  }
+}
+
+#suite {
+  .word {
+    border-bottom: solid darkgrey 1px;
+    //height: 300px;
+
+    img {
+      padding-top: 50px;
+      padding-bottom: 50px;
+      width: 200px;
+      margin-left: 25%;
+    }
+  }
+
+  .securiser {
+    img {
+      width: 300px;
+    }
+  }
+
+  .profiter {
+    border-bottom: none;
+  }
+}

app/controllers/root_controller.rb

@@ -11,7 +11,7 @@ class RootController < ApplicationController
       redirect_to admin_procedures_path
 
     else
-      redirect_to new_user_session_path
+      render 'landing'
     end
   end
 end

app/views/root/landing.html.haml

@@ -0,0 +1,48 @@
+#landing.max-size
+  #title
+    %h1.center
+      TPS
+    %h2.center
+      TéléProcédure Simplifiée
+
+    %br
+    %h3.center
+      Simplifié toutes vos démarches pour les rendre 100% en ligne.
+
+    #buttons.center
+      %button.js-scrollTo.btn.btn-lg.btn-default{cible: '.simplifier'}
+        Simplifier
+      %button.js-scrollTo.btn.btn-lg.btn-default{cible: '.securiser'}
+        Sécuriser
+      %button.js-scrollTo.btn.btn-lg.btn-default{cible: '.echanger'}
+        Échanger
+      %button.js-scrollTo.btn.btn-lg.btn-default{cible: '.faciliter'}
+        Faciliter
+      %button.js-scrollTo.btn.btn-lg.btn-default{cible: '.profiter'}
+        Profiter
+
+#suite.max-size
+  .row.word.simplifier
+    .col-md-6.col-lg-6
+      = image_tag image_url('keywords/simplifier.png')
+    .col-md-6.col-lg-6
+
+  .row.word.securiser
+    .col-md-6.col-lg-6
+    .col-md-6.col-lg-6
+      = image_tag image_url('keywords/securiser.png')
+
+  .row.word.echanger
+    .col-md-6.col-lg-6
+      = image_tag image_url('keywords/echanger.png')
+    .col-md-6.col-lg-6
+
+  .row.word.faciliter
+    .col-md-6.col-lg-6
+    .col-md-6.col-lg-6
+      = image_tag image_url('keywords/faciliter.png')
+
+  .row.word.profiter
+    .col-md-6.col-lg-6
+      = image_tag image_url('keywords/profiter.png')
+    .col-md-6.col-lg-6