diff --git a/app/assets/images/tour-de-france/atelier1.jpg b/app/assets/images/tour-de-france/atelier1.jpg new file mode 100644 index 000000000..8942deb46 Binary files /dev/null and b/app/assets/images/tour-de-france/atelier1.jpg differ diff --git a/app/assets/images/tour-de-france/atelier2.jpg b/app/assets/images/tour-de-france/atelier2.jpg new file mode 100644 index 000000000..57a5eef2e Binary files /dev/null and b/app/assets/images/tour-de-france/atelier2.jpg differ diff --git a/app/assets/images/tour-de-france/logo.svg b/app/assets/images/tour-de-france/logo.svg new file mode 100755 index 000000000..97a77a781 --- /dev/null +++ b/app/assets/images/tour-de-france/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/stylesheets/new_design/_constants.scss b/app/assets/stylesheets/new_design/_constants.scss index 0c9aaf6c7..8429f3f29 100644 --- a/app/assets/stylesheets/new_design/_constants.scss +++ b/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; diff --git a/app/assets/stylesheets/new_design/common.scss b/app/assets/stylesheets/new_design/common.scss index ff13f26ae..c4a2230d2 100644 --- a/app/assets/stylesheets/new_design/common.scss +++ b/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; +} diff --git a/app/assets/stylesheets/new_design/tour_de_france.scss b/app/assets/stylesheets/new_design/tour_de_france.scss new file mode 100644 index 000000000..dea32eebc --- /dev/null +++ b/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; + } +} diff --git a/app/controllers/tour_de_france_controller.rb b/app/controllers/tour_de_france_controller.rb new file mode 100644 index 000000000..872db9ada --- /dev/null +++ b/app/controllers/tour_de_france_controller.rb @@ -0,0 +1,6 @@ +class TourDeFranceController < ApplicationController + layout 'new_application' + + def index + end +end diff --git a/app/views/tour_de_france/index.html.haml b/app/views/tour_de_france/index.html.haml new file mode 100644 index 000000000..0e17ce13e --- /dev/null +++ b/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") diff --git a/config/routes.rb b/config/routes.rb index 989d680f3..1a5f2423e 100644 --- a/config/routes.rb +++ b/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'