Extrais les logos dans un fragment

numerique-gouv · Jun 25, 2024 · 4b1f457 · 4b1f457
1 parent 65bfbfb
commit 4b1f457
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 53 deletions.
diff --git a/public/assets/styles/commun.css b/public/assets/styles/commun.css
@@ -63,39 +63,3 @@ footer a {
 
   text-decoration: none;
 }
-
-.devise, .logo-eidas, .marianne {
-  background-repeat: no-repeat;
-  background-size: contain;
-}
-
-.marianne {
-  height: .75em;
-
-  background-image: url(/statique/assets/images/marianne.svg);
-}
-
-.republique-francaise {
-  padding: .1em 0;
-  font-size: .7em;
-  font-weight: bold;
-  line-height: 1em;
-}
-
-.devise {
-  height: 1.25em;
-
-  background-image: url(/statique/assets/images/devise.svg);
-}
-
-.logo-eidas {
-  width: 2.5em;
-  height: 2.5em;
-  background-image: url(/statique/assets/images/logo-eidas.png);
-}
-
-.titre-eidas {
-  color: var(--gris-eidas);
-  font-size: .7em;
-  font-weight: bold;
-}
diff --git a/public/assets/styles/eidas.css b/public/assets/styles/eidas.css
@@ -0,0 +1,13 @@
+.logo-eidas {
+  width: 2.5em;
+  height: 2.5em;
+  background-image: url(/statique/assets/images/logo-eidas.png);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+.titre-eidas {
+  color: var(--gris-eidas);
+  font-size: .7em;
+  font-weight: bold;
+}
diff --git a/public/assets/styles/republiqueFrancaise.css b/public/assets/styles/republiqueFrancaise.css
@@ -0,0 +1,21 @@
+.devise, .marianne {
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+.marianne {
+  height: .75em;
+  background-image: url(/statique/assets/images/marianne.svg);
+}
+
+.republique-francaise {
+  padding: .1em 0;
+  font-size: .7em;
+  font-weight: bold;
+  line-height: 1em;
+}
+
+.devise {
+  height: 1.25em;
+  background-image: url(/statique/assets/images/devise.svg);
+}
diff --git a/src/vues/base.pug b/src/vues/base.pug
@@ -7,20 +7,14 @@ html(lang = 'fr', xml:lang = 'fr', xmlns = 'http://www.w3.org/1999/xhtml')
     title Vitrine eIDAS-France
     link(rel='stylesheet', href='/statique/assets/styles/fontes.css')
     link(rel='stylesheet', href='/statique/assets/styles/palette.css')
+    link(rel='stylesheet', href='/statique/assets/styles/republiqueFrancaise.css')
+    link(rel='stylesheet', href='/statique/assets/styles/eidas.css')
     link(rel='stylesheet', href='/statique/assets/styles/commun.css')
     block styles
 
   body
     header
-      .bloc-marque
-        .marianne
-        .republique-francaise RÉPUBLIQUE<br>FRANÇAISE
-        .devise
-      .bloc-eidas
-        a(href='https://eidas.ec.europa.eu/', target='_blank')
-          .logo-eidas
-          .titre-eidas European<br>digital ID
-
+      include fragments/blocMarque
     .bandeau
       block bandeau
 
@@ -29,14 +23,7 @@ html(lang = 'fr', xml:lang = 'fr', xmlns = 'http://www.w3.org/1999/xhtml')
 
     footer
       .logos
-        .bloc-marque
-          .marianne
-          .republique-francaise RÉPUBLIQUE<br>FRANÇAISE
-          .devise
-        .bloc-eidas
-          a(href='https://eidas.ec.europa.eu/', target='_blank')
-            .logo-eidas
-            .titre-eidas European<br>digital ID
+        include fragments/blocMarque
       ul
         li: a(href='https://agentconnect.gouv.fr', target='_blank') agentconnect.gouv.fr
         li: a(href='https://info.gouv.fr', target='_blank') info.gouv.fr

diff --git a/src/vues/fragments/blocMarque.pug b/src/vues/fragments/blocMarque.pug
@@ -0,0 +1,9 @@
+.bloc-marque
+  .marianne
+  .republique-francaise RÉPUBLIQUE<br>FRANÇAISE
+  .devise
+
+.bloc-eidas
+  a(href='https://eidas.ec.europa.eu/', target='_blank')
+    .logo-eidas
+    .titre-eidas European<br>digital ID