Merge pull request #2669 from betagouv/tour-de-france
Add the /tour-de-france page
This commit is contained in:
commit
f402dc1bff
9 changed files with 189 additions and 0 deletions
BIN
app/assets/images/tour-de-france/atelier1.jpg
Normal file
BIN
app/assets/images/tour-de-france/atelier1.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 115 KiB |
BIN
app/assets/images/tour-de-france/atelier2.jpg
Normal file
BIN
app/assets/images/tour-de-france/atelier2.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 202 KiB |
1
app/assets/images/tour-de-france/logo.svg
Executable file
1
app/assets/images/tour-de-france/logo.svg
Executable file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 34 KiB |
|
@ -1,4 +1,5 @@
|
|||
$page-width: 1040px;
|
||||
$small-page-width: 840px;
|
||||
|
||||
$default-spacer: 8px;
|
||||
$default-padding: 2 * $default-spacer;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
91
app/assets/stylesheets/new_design/tour_de_france.scss
Normal file
91
app/assets/stylesheets/new_design/tour_de_france.scss
Normal 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;
|
||||
}
|
||||
}
|
6
app/controllers/tour_de_france_controller.rb
Normal file
6
app/controllers/tour_de_france_controller.rb
Normal file
|
@ -0,0 +1,6 @@
|
|||
class TourDeFranceController < ApplicationController
|
||||
layout 'new_application'
|
||||
|
||||
def index
|
||||
end
|
||||
end
|
83
app/views/tour_de_france/index.html.haml
Normal file
83
app/views/tour_de_france/index.html.haml
Normal 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 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")
|
|
@ -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'
|
||||
|
|
Loading…
Reference in a new issue