diff --git a/app/assets/images/keywords/echanger.png b/app/assets/images/keywords/echanger.png new file mode 100644 index 000000000..cf517db40 Binary files /dev/null and b/app/assets/images/keywords/echanger.png differ diff --git a/app/assets/images/keywords/faciliter.png b/app/assets/images/keywords/faciliter.png new file mode 100644 index 000000000..35d0da530 Binary files /dev/null and b/app/assets/images/keywords/faciliter.png differ diff --git a/app/assets/images/keywords/profiter.png b/app/assets/images/keywords/profiter.png new file mode 100644 index 000000000..682ea1723 Binary files /dev/null and b/app/assets/images/keywords/profiter.png differ diff --git a/app/assets/images/keywords/securiser.png b/app/assets/images/keywords/securiser.png new file mode 100644 index 000000000..d49f08029 Binary files /dev/null and b/app/assets/images/keywords/securiser.png differ diff --git a/app/assets/images/keywords/simplifier.png b/app/assets/images/keywords/simplifier.png new file mode 100644 index 000000000..29ada7ff2 Binary files /dev/null and b/app/assets/images/keywords/simplifier.png differ diff --git a/app/assets/images/landing_background.jpg b/app/assets/images/landing_background.jpg new file mode 100644 index 000000000..69981fc16 Binary files /dev/null and b/app/assets/images/landing_background.jpg differ diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js index bc36d7d72..9b52ffa7a 100644 --- a/app/assets/javascripts/application.js +++ b/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; + }); +}); \ No newline at end of file diff --git a/app/assets/stylesheets/landing.scss b/app/assets/stylesheets/landing.scss new file mode 100644 index 000000000..c470c028c --- /dev/null +++ b/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; + } +} \ No newline at end of file diff --git a/app/controllers/root_controller.rb b/app/controllers/root_controller.rb index 07a118f58..05e204c2b 100644 --- a/app/controllers/root_controller.rb +++ b/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 \ No newline at end of file diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml new file mode 100644 index 000000000..01b31f831 --- /dev/null +++ b/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 \ No newline at end of file