fix: typo

content/en/news/001-a-new-indie-studio.md

@@ -18,7 +18,7 @@ The open source software is not as strong in the video game industry as in other
 As a side goal, we aim to help this community and projects grow, so we choose to use as much open-source software as we can and hope to contribute in the future.
 
 <center>
-    <img src="/img/godot-logo.svg" alt="Godot Engine Logo" class="godot-logo" style="height: 200px;">
+    <img src="/img/godot-logo.svg" alt="Godot Engine Logo" class="news--image" style="height: 200px;">
 </center>
 
 **We also want to thank Corentin** (a close friend). He set up all the toolchain we use to develop our games, and he did that with some panache.
@@ -32,7 +32,7 @@ We are almost ready to announce it, but I'll keep that for a later post :).
 Nevertheless, we are proud to present our game studio: **Frog Collective.**
 
 <center>
-    <img src="/img/logo-black.png" alt="Frog Collective Logo" class="godot-logo" style="height: 300px;">
+    <img src="/img/logo-black.png" alt="Frog Collective Logo" class="news--image" style="height: 300px;">
 </center>
 
 We hope you'll like what we will do together.

content/fr/news/001-a-new-indie-studio.md

@@ -18,7 +18,7 @@ Les logiciels libres ne sont pas aussi répandus dans l'industrie du jeu vidéo
 On aimerai que ces projets devienne plus important dans le milieu, on a donc choisi d'utiliser autant de logiciels libres que possible et espérons y contribuer à l'avenir.
 
 <center>
-    <img src="/img/godot-logo.svg" alt="Logo du Godot Engine" class="godot-logo" style="height: 200px;">
+    <img src="/img/godot-logo.svg" alt="Logo du Godot Engine" class="news--image" style="height: 200px;">
 </center>
 
 **Nous tenons également à remercier Corentin** (un ami proche). Il a mis en place toute la chaîne d'outils que nous utilisons pour développer nos jeux, et il l'a fait avec un certain panache.
@@ -32,7 +32,7 @@ Nous sommes presque prêts à l'annoncer, mais je garderai cela pour un post ult
 Nous sommes fiers de vous présenter notre studio de jeu : **Frog Collective.**
 
 <center>
-    <img src="/img/logo-black.png" alt="Logo de Frog Collective" class="godot-logo" style="height: 300px;">
+    <img src="/img/logo-black.png" alt="Logo de Frog Collective" class="news--image" style="height: 300px;">
 </center>
 
 Nous espérons que vous aimerez ce que nous ferons ensemble.

src/lib/css/typo.scss

@@ -44,14 +44,17 @@ h2 {
     font-family: 'Knewave';
     font-size: var(--fz-2);
     font-weight: bold;
+    letter-spacing: 0.1rem;
     text-transform: uppercase;
 }
 
 h3 {
     margin: 0 0 var(--space-medium) 0;
 
+    font-family: 'Knewave';
     font-size: var(--fz-3);
     font-weight: bold;
+    letter-spacing: 0.1rem;
 }
 
 h4 {

src/lib/css/variables.scss

@@ -25,7 +25,7 @@ $mobile-breakpoint: "max-width: 970px";
 
     --fz-1: 4rem;
     --fz-2: 2rem;
-    --fz-3: 1.5rem;
+    --fz-3: 1.3rem;
     --fz-4: 1.125rem;
 
     --border-radius-small: 3px;
@@ -38,7 +38,7 @@ $mobile-breakpoint: "max-width: 970px";
     @media ($mobile-breakpoint) {
         --fz-1: 2.8rem;
         --fz-2: 1.825rem;
-        --fz-3: 1.5rem;
+        --fz-3: 1.25rem;
         --fz-4: 1.125rem;
     }
 }

src/pages/index/games.scss

@@ -19,9 +19,6 @@
         background: var(--background-red);
         color: var(--color-on-dark);
         padding: var(--space-small) var(--space-xlarge);
-        font-family: 'Knewave';
-        letter-spacing: 0.1rem;
-        font-size: 40px;
     }
 
     &--description {

src/pages/index/news.html

@@ -10,8 +10,8 @@
   {% for news in glob("news/*.md") | map('markdown') %}
     <div class="news">
       <div class="news--header">
-        <div class="news--date">{{ news.meta.date }}</div>
-        <h3 class="news--title">{{ news.meta.title }}</h3>
+        <h3 class="news--date">{{ news.meta.date }}</h3>
+        <h2 class="news--title">{{ news.meta.title }}</h2>
       </div>
         <div class="news--content">
           <style>{{ news.meta.css }}</style>

src/pages/index/news.scss

@@ -14,9 +14,6 @@
         padding: var(--space-small) var(--space-medium);
         align-items: center;
         gap: var(--space-small);
-        font-family: 'Knewave';
-        letter-spacing: 0.1rem;
-        font-size: 24px;
 
         @media($mobile-breakpoint) {
             flex-direction: column;
@@ -26,7 +23,7 @@
     &--date {
         border-right: 2px solid var(--color-on-dark);
         padding-right: var(--space-small);
-        font-weight: bold;
+        margin: 0;
 
         @media($mobile-breakpoint) {
             border-right: 0;
@@ -40,9 +37,7 @@
     &--title {
         flex-grow: 1;
         margin: 0;
-        font-family: 'Knewave';
-        letter-spacing: 0.1rem;
-        font-size: 32px;
+        text-transform: none;
 
         @media($mobile-breakpoint) {
             text-align: center;
@@ -56,4 +51,8 @@
             padding: var(--space-medium) var(--space-medium);
         }
     }
+
+    &--image {
+        max-width: 100%;
+    }
 }