DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

style(landing): update after reset CSS drop

Browse source
This commit is contained in:
Colin Darie 2022-10-05 16:21:52 +02:00
parent 08c207e0e4
commit 5c36c2e317
5 changed files with 20 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
app/assets/stylesheets/landing.scss
View file

@ -32,13 +32,11 @@ $landing-breakpoint: 1040px;
}
.hero-tagline {
font-size: 40px;
margin-bottom: 0px;
}
.hero-tagline-em {
color: $blue-france-500;
font-size: 40px;
font-style: normal;
font-weight: bold;
}
@ -55,16 +53,6 @@ $landing-breakpoint: 1040px;
}
}
.landing-panel-title {
width: 100%;
font-size: 30px;
font-weight: normal;
text-align: center;
margin-bottom: 40px;
margin-top: 0;
color: $g700;
}
.features-panel {
background-color: $blue-france-500;
}
@ -186,15 +174,17 @@ $landing-breakpoint: 1040px;
}
.number-value {
color: $blue-france-500;
font-weight: bold;
font-size: 36px;
color: var(--text-action-high-blue-france);
font-size: 2rem;
line-height: 2rem;
font-weight: 600;
}
.number-label {
font-weight: bold;
font-size: 20px;
color: $g700;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--text-label-grey);
}
$users-breakpoint: 950px;
@ -320,19 +310,6 @@ $users-breakpoint: 950px;
text-align: center;
}
.role-panel-title {
font-size: 30px;
font-weight: bold;
line-height: 36px;
margin-bottom: 15px;
color: $g700;
}
.role-panel-explanation {
font-size: 24px;
margin-bottom: 10px;
}
.role-administrations-image {
text-align: right;

2
app/views/root/_testimonials.html.haml
View file

@ -1,6 +1,6 @@
.landing-panel
.container
%h2.landing-panel-title Ce que les utilisateurs pensent du service
%h2.center.fr-mb-4w Ce que les utilisateurs pensent du service
%ul.quotes
%li.quote

2
app/views/root/_users.html.haml
View file

@ -1,6 +1,6 @@
.landing-panel.users-panel
.container
%h2.landing-panel-title Ils utilisent déjà #{APPLICATION_NAME}
%h2.center.fr-mb-4w Ils utilisent déjà #{APPLICATION_NAME}
%ul.users
%li.user

12
app/views/root/administration.html.haml
View file

@ -6,7 +6,7 @@
.container
.hero-wrapper
.hero-text
%p.hero-tagline
%h1.hero-tagline
%em.hero-tagline-em Dématérialisez et simplifiez
vos démarches administratives
@ -17,8 +17,8 @@
.container
.role-panel-wrapper.role-administrations-panel
.role-panel-70
%h1.role-panel-title Est-ce fait pour mon administration ?
%p.role-panel-explanation Découvrez notre outil et posez nous vos questions lors de notre démonstration en ligne ou lisez notre documentation
%h2 Est-ce fait pour mon administration ?
%p.fr-h5 Découvrez notre outil et posez nous vos questions lors de notre démonstration en ligne ou lisez notre documentation
= link_to "Participer à notre démonstration en ligne", INSCRIPTION_WEBINAIRE_URL, class: "fr-btn fr-btn--lg fr-mr-1w fr-mb-2w", **external_link_attributes
= link_to "Documentation", DOC_URL, class: "fr-btn fr-btn--secondary fr-btn--lg", **external_link_attributes
@ -33,8 +33,8 @@
%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
%h2 Votre administration est prête pour dématérialiser
%p.fr-h5 Créez un premier formulaire de test en quelques minutes
= link_to "Créer votre compte administrateur", DEMANDE_INSCRIPTION_ADMIN_PAGE_URL, class: "fr-btn fr-btn--lg"
@ -75,7 +75,7 @@
- cache "numbers-panel", :expires_in => 3.hours do
.landing-panel.numbers-panel
.container
%h2.landing-panel-title #{APPLICATION_NAME} en chiffres
%h2.center.fr-mb-4w #{APPLICATION_NAME} en chiffres
%ul.numbers
%li.number
.number-value

8
app/views/root/landing.html.haml
View file

@ -23,8 +23,8 @@
%img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: '', width: 176, height: 180, loading: 'lazy' }
.role-panel-70
%h2.role-panel-title Vous souhaitez effectuer une demande auprès d’une administration ?
%p.role-panel-explanation Réalisez vos demandes en toute simplicité et retrouvez vos dossiers en ligne
%h2 Vous souhaitez effectuer une demande auprès d’une administration ?
%p.fr-h5 Réalisez vos demandes en toute simplicité et retrouvez vos dossiers en ligne
= link_to "Comment trouver ma démarche ?", COMMENT_TROUVER_MA_DEMARCHE_URL, class: "fr-btn fr-btn--lg fr-mr-1w fr-mb-2w", **external_link_attributes
= link_to "Se connecter", new_user_session_path, class: "fr-btn fr-btn--secondary fr-btn--lg"
@ -32,7 +32,7 @@
- cache "numbers-panel", :expires_in => 3.hours do
.landing-panel
.container
%h2.landing-panel-title #{APPLICATION_NAME} en chiffres
%h2.center.fr-mb-4w #{APPLICATION_NAME} en chiffres
%ul.numbers
%li.number
.number-value
@ -77,7 +77,7 @@
.container
.cta-panel-wrapper
%div
%h2.cta-panel-title.grey Administration : vous voulez dématerialiser ?
%h2.fr-h4 Administration : vous voulez dématerialiser ?
%p.cta-panel-explanation.grey Proposez à vos usagers de remplir leurs dossiers en ligne
%div
= link_to "Découvrez notre outil", administration_path, class: "fr-btn fr-btn--lg"