[Fix #2652] Add the /tour-de-france page

This commit is contained in:
gregoirenovel 2018-09-21 15:51:06 +02:00
parent 422d200280
commit 5b011fef59
9 changed files with 189 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 34 KiB

View file

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

View file

@ -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;
}

View file

@ -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;
}
}

View file

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

View file

@ -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 daccompagner 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 loccasion de vous former à lutilisation 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 dexpériences dagents 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 dusage, apprendre à créer des formulaires en ligne et organiser linstruction sur demarches-simplifiees.fr.
%p
Ces événements sont une opportunité pour tous les agents publics daméliorer leur environnement de travail et le service rendu aux usagers, nhésitez pas à relayer linformation 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 dinscription 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")

View file

@ -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'