feat(vitrine): icône 4 pierres devant P'titsPas dans le bandeau.

layouts/_default/baseof.html

@@ -71,7 +71,10 @@
     <a class="skip-link" href="#contenu-principal">Aller au contenu</a>
     <header class="site-header">
         <div class="site-header__inner">
-            <a class="site-logo" href="{{ "/" | relURL }}">P'titsPas</a>
+            <a class="site-logo" href="{{ "/" | relURL }}">
+                <img class="site-logo__mark" src="{{ "images/app/icon.png" | relURL }}" alt="" width="40" height="40" decoding="async">
+                <span class="site-logo__text">P'titsPas</span>
+            </a>
             <nav class="site-nav" id="site-nav" aria-label="Navigation principale">
                 <button type="button" class="nav-toggle" aria-expanded="false" aria-controls="site-nav-panel" id="site-nav-toggle" aria-label="Ouvrir le menu">
                     <span class="nav-toggle__bar" aria-hidden="true"></span>

static/css/style.css

@@ -109,6 +109,9 @@ body {
     gap: 1rem;
 }
 .site-logo {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.55rem;
     font-family: var(--font-brand);
     font-size: 1.45rem;
     font-weight: 700;
@@ -116,6 +119,16 @@ body {
     text-decoration: none;
     letter-spacing: -0.02em;
 }
+.site-logo__mark {
+    width: 2rem;
+    height: 2rem;
+    object-fit: contain;
+    flex-shrink: 0;
+    display: block;
+}
+.site-logo__text {
+    line-height: 1;
+}
 .site-nav__list {
     list-style: none;
     margin: 0;