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

@@ -0,0 +1,15 @@
+---
+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: 1.8em;
+        width: 2em;
         filter: invert(100%);
     }
 }

src/lib/section.html

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

src/lib/section.scss

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

src/pages/index/footer.html

@@ -1,31 +1,26 @@
 <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 class="footer--link" href="mailto:contact@frog-collective.com">
+            <a href="mailto:contact@frog-collective.com">
                 <img src="/img/mail-fill.svg" alt-text=="{{ gettext('Mail') }}"></img>
             </a>
-            <a class="footer--link" href="https://frog-collective.itch.io/" target="_blank">
+            <a href="https://frog-collective.itch.io/" target="_blank">
                 <img src="/img/itchio-fill.svg" alt-text="Itch.io"></img>
             </a>
-            <a class="footer--link" href="https://www.youtube.com/@FrogCoGames" target="_blank">
+            <a href="https://www.youtube.com/@FrogCoGames" target="_blank">
                 <img src="/img/youtube-fill.svg" alt-text=="Youtube"></img>
             </a>
-            <a class="footer--link" href="https://www.twitch.tv/frogcollective" target="_blank">
+            <a href="https://www.twitch.tv/frogcollective" target="_blank">
                 <img src="/img/twitch-fill.svg" alt-text=="Twitch"></img>
             </a>
-            <a class="footer--link" href="https://mastodon.social/@frogcollective" target="_blank">
+            <a href="https://mastodon.social/@frogcollective" target="_blank">
                 <img src="/img/mastodon-fill.svg" alt-text=="Mastodon"></img>
             </a>
-            <a class="footer--link" href="https://x.com/FrogCoGames" target="_blank">
+            <a href="https://x.com/FrogCoGames" target="_blank">
                 <img src="/img/twitter-x-line.svg" alt-text=="Twitter - X"></img>
             </a>
-            <a class="footer--link" href="https://www.facebook.com/profile.php?id=61560180067337" target="_blank">
+            <a 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,16 +28,9 @@
         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;
 
@@ -46,14 +39,9 @@
         }
 
         img {
-            width: 1.8em;
+            width: 2em;
             filter: invert(100%);
         }
     }
 
-    &--link {
-        @extend %button;
-        display: flex;
-        padding: var(--space-xsmall);
-    }
 }