admin: redesign the account request page

Signed-off-by: Chaïb Martinez <chaibax@gmail.com>
This commit is contained in:
Chaïb Martinez 2019-03-08 11:26:08 +01:00 committed by Pierre de La Morinerie
parent 2b2b8e0ad5
commit 7b9e7718a3
3 changed files with 43 additions and 32 deletions

View file

@ -4,9 +4,9 @@
= render partial: "root/footer"
.container.demande
%h1 Demande de compte administrateur
%h1 Demande de compte administrateur pour créer une 1er démarche de test
.card
.card.featured
.card-title
Vous souhaitez seulement compléter une démarche sur notre site ?
%p
@ -52,7 +52,7 @@
Vous utilisez un email orange, wanadoo, free, gmail etc. ? Merci de nous
%a{ href: contact_admin_path, target:'_blank', rel: 'noopener' }
contacter préalablement.
= email_field_tag :email, nil, placeholder: 'jean.martin@developpement-durable.gouv.fr', required: true
= email_field_tag :email, nil, placeholder: 'jean.martin@developpement-durable.gouv.fr', required: true, pattern:'^.+@((?!hotmail)(?!gmail)(?!orange)(?!free)(?!wanadoo).)+\..+$'
= label_tag :phone do
Quel est votre numéro de téléphone (ligne directe) ?
@ -90,4 +90,4 @@
%span.mandatory *
= number_field_tag :nb_of_dossiers, nil, required: true
= submit_tag 'Envoyer', class: 'button', data: { disable: true }
= submit_tag 'Demander un compte administrateur pour créer une 1er démarche de test', class: 'button primary expand large', data: { disable: true }

View file

@ -7,47 +7,57 @@
.hero-wrapper
.hero-text
%p.hero-tagline
%em.hero-tagline-em Dématérialisez et simplifiez
vos démarches administratives
%em.hero-tagline-em Dématérialisez
vos démarches administratives et
%em.hero-tagline-em simplifiez
la vie de vos usagers
.hero-illustration
%img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "" }
.landing-panel.usagers-panel
.container
.role-panel-wrapper.role-administrations-panel
.role-panel-30.role-administrations-image
%img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" }
.role-panel-70
%h1.role-panel-title Vous êtes une administration et êtes prête pour dématérialiser ?
%p.role-panel-explanation Créez des formulaires en ligne en quelques minutes et instruisez les demandes des usagers sur une plateforme dédiée
= link_to "Demander un compte administrateur",
new_demande_path,
class: "role-panel-button-primary",
rel: "noopener noreferrer"
.landing-panel.more-info
.container
.role-panel-wrapper.role-administrations-panel
.role-panel-70
%h1.role-panel-title Vous voulez en savoir plus ?
%p.role-panel-explanation Découvrez notre outil
%h1.role-panel-title Est-ce fait pour mon administration ?
%p.role-panel-explanation Découvrez notre outil avec notre Webinaire en ligne ou lisez notre documentation
= link_to "Contactez-nous",
contact_admin_path,
= link_to "Inscription à notre webinaire de présentation",
"https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr",
rel: "noopener noreferrer",
target: "_blank",
class: "role-panel-button-primary"
= link_to "Consultez notre documentation",
= link_to "Documentation",
DOC_URL,
rel: "noopener noreferrer",
target: "_blank",
class: "role-panel-button-secondary"
.role-panel-30.role-more-info-image
%img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" }
.landing-panel.usagers-panel
.container
.role-panel-wrapper.role-administrations-panel
.role-panel-30.role-administrations-image
%img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" }
.role-panel-70
%h1.role-panel-title Votre administration est prête pour dématérialiser
%p.role-panel-explanation Créez un premier formulaire "de test" en quelques minutes. Instruisez les demandes des usagers sur notre plateforme
= link_to "Créez une démarche de test maintenant",
new_demande_path,
class: "role-panel-button-primary",
rel: "noopener noreferrer"
%br
%br
%br
.landing-panel.features-panel
.container
%ul.features
@ -194,15 +204,16 @@
.half.first-half
%h1.cta-panel-title Vous êtes prêt pour dématérialiser ?
%p.cta-panel-explanation Réduisez vos temps d'instruction de 50 %
= link_to "Demander un compte",
= link_to "Créer une démarche de test",
new_demande_path,
class: "cta-panel-button-blue"
.half
%h1.cta-panel-title Vous voulez en savoir plus ?
%p.cta-panel-explanation Nous vous faisons découvrir l'outil
= link_to "Contactez-nous",
contact_admin_path,
%p.cta-panel-explanation Participez à notre prochain Webinaire
= link_to "Inscription à notre webinaire",
"https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr",
target: "_blank",
class: "cta-panel-button-blue"
.clearfix

View file

@ -80,8 +80,8 @@
.container
.cta-panel-wrapper
%div
%h1.cta-panel-title Vous êtes une administration ?
%p.cta-panel-explanation Vous souhaitez dématerialiser une démarche administrative ?
%h1.cta-panel-title Administration : vous voulez dématerialiser ?
%p.cta-panel-explanation Proposez à vos usagers de remplir leurs dossiers en ligne
%div
= link_to "Découvrez notre outil",
administration_path,