fix: smaller margin between frog and titles

content/fr/news/2024-21-05-test-news.md

@@ -1,15 +0,0 @@
----
-title: Obtention du KBis
----
-
-Le KBis a été obtenu et par voix de conséquence, Aurel et Adri sont désormais
-chefs d'entreprise. Le chemin a été long et compliqué, mais la preuve est là
-encore une fois : quand on veut on peut. L'évènement a été célébré rapidemment
-en envoyant quelques "bangers" sur Discord, puis ils se sont remis au travail,
-car dans la vie rien n'est gratuit, on a rien sans rien.
-
-La suite très bientôt puisqu'Adri ne se repose pas sur ses lauriers et projette
-de voter Raphaël Glucksman dès prochaines élections européennes. On ne peut
-qu'admirer un tel mindset, et on a hâte de le voir aller aux soirées petit
-fours de Guillaume de Fondaumière pour courtiser quelques subventions au
-ministre de la culture.

src/lib/nav.scss

@@ -191,19 +191,19 @@
         justify-self: end;
         align-self: center;
 
-        padding: var(--space-small);
-
         @media($mobile-breakpoint) {
             display: none;
         }
     }
 
     &--link {
+        @extend %nav-button;
         display: flex;
+        padding: var(--space-xsmall);
     }
 
     &--link-icon {
-        width: 2em;
+        width: 1.8em;
         filter: invert(100%);
     }
 }

src/lib/section.html

@@ -3,7 +3,7 @@
   id,
   title_picture,
   title_picture_hover = None,
-  title_picture_offset = "20px",
+  title_picture_offset = "0px",
   title_color = "var(--color-text)")
 -%}
   <div class="section">

src/lib/section.scss

@@ -22,14 +22,14 @@
 
         background: transparent;
         position: relative;
-        margin-top: 120px;
+        margin-top: 110px;
         align-self: center;
 
         &::before {
             z-index: -1;
 
             position: absolute;
-            top: -120px;
+            top: -110px;
             left: var(--picture-offset);
             width: 150px;
             height: 125px;

src/pages/index/footer.html

@@ -1,26 +1,31 @@
 <div class="footer">
     <div class="footer--content">
         <img class="footer--logo" src="/img/footer-logo.png">
+        <div class="footer--copyright">
+            {% trans %}
+                Copyright © Frog Collective 2024. All rights reserved.
+            {% endtrans %}
+        </div>
         <div class="footer--links">
-            <a href="mailto:contact@frog-collective.com">
+            <a class="footer--link" href="mailto:contact@frog-collective.com">
                 <img src="/img/mail-fill.svg" alt-text=="{{ gettext('Mail') }}"></img>
             </a>
-            <a href="https://frog-collective.itch.io/" target="_blank">
+            <a class="footer--link" href="https://frog-collective.itch.io/" target="_blank">
                 <img src="/img/itchio-fill.svg" alt-text="Itch.io"></img>
             </a>
-            <a href="https://www.youtube.com/@FrogCoGames" target="_blank">
+            <a class="footer--link" href="https://www.youtube.com/@FrogCoGames" target="_blank">
                 <img src="/img/youtube-fill.svg" alt-text=="Youtube"></img>
             </a>
-            <a href="https://www.twitch.tv/frogcollective" target="_blank">
+            <a class="footer--link" href="https://www.twitch.tv/frogcollective" target="_blank">
                 <img src="/img/twitch-fill.svg" alt-text=="Twitch"></img>
             </a>
-            <a href="https://mastodon.social/@frogcollective" target="_blank">
+            <a class="footer--link" href="https://mastodon.social/@frogcollective" target="_blank">
                 <img src="/img/mastodon-fill.svg" alt-text=="Mastodon"></img>
             </a>
-            <a href="https://x.com/FrogCoGames" target="_blank">
+            <a class="footer--link" href="https://x.com/FrogCoGames" target="_blank">
                 <img src="/img/twitter-x-line.svg" alt-text=="Twitter - X"></img>
             </a>
-            <a href="https://www.facebook.com/profile.php?id=61560180067337" target="_blank">
+            <a class="footer--link" href="https://www.facebook.com/profile.php?id=61560180067337" target="_blank">
                 <img src="/img/facebook-circle-fill.svg" alt-text=="Facebook"></img>
             </a>
         </div>

src/pages/index/footer.scss

@@ -28,9 +28,16 @@
         width: 100px;
     }
 
+    &--copyright {
+        display: flex;
+        align-self: center;
+        padding: var(--space-medium);
+    }
+
     &--links {
         flex: 1 1 1px;
         display: flex;
+        align-self: center;
         align-items: center;
         justify-content: end;
 
@@ -39,9 +46,14 @@
         }
 
         img {
-            width: 2em;
+            width: 1.8em;
             filter: invert(100%);
         }
     }
 
+    &--link {
+        @extend %button;
+        display: flex;
+        padding: var(--space-xsmall);
+    }
 }