Merge pull request #2669 from betagouv/tour-de-france

Add the /tour-de-france page

app/assets/stylesheets/new_design/_constants.scss

@@ -1,4 +1,5 @@
 $page-width: 1040px;
+$small-page-width: 840px;
 
 $default-spacer: 8px;
 $default-padding: 2 * $default-spacer;

app/assets/stylesheets/new_design/common.scss

@@ -50,3 +50,9 @@ a {
   max-width: $page-width + 2 * $default-padding;
   margin: 0 auto;
 }
+
+.small-container {
+  @include horizontal-padding($default-padding);
+  max-width: $small-page-width + 2 * $default-padding;
+  margin: 0 auto;
+}

app/assets/stylesheets/new_design/tour_de_france.scss

@@ -0,0 +1,91 @@
+@import "colors";
+
+$default-space: 15px;
+
+.tour-de-france {
+  .blue-panel {
+    background-color: $blue;
+  }
+
+  .white-panel {
+    padding-top: 2 * $default-space;
+    padding-bottom: 2 * $default-space;
+  }
+
+  .photos-panel {
+    background: linear-gradient(#FFFFFF, #FFFFFF 50%, $light-grey 50%, $light-grey 100%);
+    padding-top: 2 * $default-space;
+    padding-bottom: 2 * $default-space;
+  }
+
+  .grey-panel {
+    background-color: $light-grey;
+    padding-top: 2 * $default-space;
+    padding-bottom: 2 * $default-space;
+  }
+
+  p {
+    margin-bottom: $default-space;
+  }
+
+  h2 {
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: $default-space;
+  }
+
+  h3 {
+    font-weight: bold;
+  }
+
+  h4 {
+    color: $grey;
+    margin-bottom: $default-space;
+  }
+
+  ul {
+    list-style-type: disc;
+    margin-left: 15px;
+  }
+
+  li {
+    margin-bottom: 5px;
+  }
+
+  .cards {
+    .card:nth-of-type(even) {
+      margin-right: 0px;
+    }
+  }
+
+  $card-margin-bottom: 2 * $default-space;
+
+  .card {
+    padding: 15px;
+    margin-bottom: $card-margin-bottom;
+    border-radius: 5px;
+    box-shadow: none;
+    border: 1px solid rgba(0, 0, 0, 0.15);
+    min-height: 230px;
+  }
+
+  $card-half-horizontal-spacing: 4 * $default-space;
+
+  .card-half {
+    width: calc((100% - #{$card-half-horizontal-spacing}) / 2);
+    margin-right: 3 * $default-space;
+  }
+
+  .tour-de-france-logo {
+    width: 400px;
+    margin: 0 auto;
+    display: block;
+    padding-top: 2 * $default-space;
+    padding-bottom: 2 * $default-space;
+  }
+
+  .atelier-photo {
+    width: 380px;
+    border-radius: 5px;
+  }
+}

app/controllers/tour_de_france_controller.rb

@@ -0,0 +1,6 @@
+class TourDeFranceController < ApplicationController
+  layout 'new_application'
+
+  def index
+  end
+end

app/views/tour_de_france/index.html.haml

@@ -0,0 +1,83 @@
+- content_for(:title, 'Tour de France 2018')
+
+- content_for :footer do
+  = render partial: "root/footer"
+
+.tour-de-france
+  .blue-panel
+    .small-container
+      %img.tour-de-france-logo{ src: image_url("tour-de-france/logo.svg") }
+
+  .white-panel
+    .small-container
+      %h2 Présentation
+
+      %p
+        Cet automne, l’équipe de demarches-simplifiees.fr se lance dans un Tour de France afin de sensibiliser les agents publics aux bénéfices du numérique pour leur métier. Notre mission est de faciliter la mise en ligne de nouveaux services et d’accompagner les administrations d’État et territoriales dans la dématérialisation.
+
+      %p
+        Que vous ayez un profil SI ou métier, ce sera pour vous l’occasion de vous former à l’utilisation de demarches-simplifiees.fr et de mettre en place des services en ligne pour les formulaires que vous traitez encore en papier.
+
+      %p
+        La journée type se déroulera en deux temps :
+
+      .cards
+        .card.card-half.pull-left
+          %h3 Matin
+          %h4 9 h 30 - 12 h 00
+
+          Interventions consacrées aux enjeux généraux de la dématérialisation, à la présentation de demarches-simplifiees.fr et à des retours d’expériences d’agents utilisant déjà cette plateforme sur le territoire.
+
+        .card.card-half.pull-right
+          %h3 Après-midi
+          %h4 13 h 30 - 16 h 30
+          Ateliers de formation avec une réflexion étape par étape sur les problématiques liées au passage à la dématérialisation. Vous pourrez identifier des cas d’usage, apprendre à créer des formulaires en ligne et organiser l’instruction sur demarches-simplifiees.fr.
+
+      %p
+        Ces événements sont une opportunité pour tous les agents publics d’améliorer leur environnement de travail et le service rendu aux usagers, n’hésitez pas à relayer l’information auprès des services déconcentrés et des collectivités.
+
+  .photos-panel
+    .small-container
+      %img.atelier-photo.pull-left{ src: image_url("tour-de-france/atelier1.jpg") }
+      %img.atelier-photo.pull-right{ src: image_url("tour-de-france/atelier2.jpg") }
+      .clearfix
+
+  .grey-panel
+    .small-container
+      %h2.below-photos Inscription
+
+      %p
+        Vous souhaitez participer à l’événement dans votre région ? Inscrivez-vous à l’événement en remplissant le formulaire via le lien correspondant à votre région ci-dessous.
+
+      %p
+        Les places aux ateliers sont restreintes, ainsi si vous faite la demande de participation dans le formulaire d’inscription vous recevrez une confirmation ultérieure par email.
+
+      %ul
+        %li
+          = link_to("Étape Normandie, le 26 septembre à Rouen", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-etape-normandie", target: "_blank")
+        %li
+          = link_to("Étape Occitanie, le 15 octobre à Toulouse", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-fr-occitanie", target: "_blank")
+        %li
+          = link_to("Étape Nouvelle-Aquitaine, le 17 octobre à Bordeaux", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-fr-aquitaine", target: "_blank")
+        %li
+          = link_to("Étape Martinique, le 24 octobre à Fort-de-France", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-fr-martinique", target: "_blank")
+        %li
+          = link_to("Étape PACA, le 6 novembre à Marseille", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-fr-paca", target: "_blank")
+        %li
+          = link_to("Étape Corse, le 8 novembre à Ajaccio", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-fr-corse", target: "_blank")
+        %li
+          = link_to("Étape Ile-de-France, le 13 novembre à Paris", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-iledefrance", target: "_blank")
+        %li
+          = link_to("Étape Bourgogne Franche-Comté, le 14 novembre à Dijon", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-bourgogne-fc", target: "_blank")
+        %li
+          = link_to("Étape Pays de la Loire, le 20 novembre à Nantes", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-fr-paysloire", target: "_blank")
+        %li
+          = link_to("Étape Bretagne, le 22 novembre à Rennes", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-fr-bretagne", target: "_blank")
+        %li
+          = link_to("Étape Hauts-de-France, le 27 novembre à Lille", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-hautsdefrance", target: "_blank")
+        %li
+          = link_to("Étape Grand-Est, le 29 novembre à Metz", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-fr-grand-est", target: "_blank")
+        %li
+          = link_to("Étape Centre Val-de-Loire, le 4 décembre à Orleans", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-centre-vdl", target: "_blank")
+        %li
+          = link_to("Étape Auvergne-Rhone-Alpes, le 7 décembre à Lyon", "https://www.demarches-simplifiees.fr/commencer/tour-de-france-demarches-simplifiees-auvergne-rhon", target: "_blank")

config/routes.rb

@@ -93,6 +93,7 @@ Rails.application.routes.draw do
   #
 
   root 'root#index'
+  get '/tour-de-france' => 'tour_de_france#index'
   get '/administration' => 'root#administration'
 
   get 'users' => 'users#index'