fix: issue where games were not sorted correctly

Reviewed-on: #31

content/en/games/02-dieforadie.md

@@ -0,0 +1,13 @@
+---
+title: Die for a Die
+picture: games/dieforadie.jpg
+picture_alt: illustration of a mysterious city in the sky of the realm of Amartia
+website: https://store.steampowered.com/app/4107940/Die_for_a_Die/
+steam_widget_url: https://store.steampowered.com/widget/4107940/
+itch_io_url:
+itch_io_widget_url:
+presskit_url:
+discord_url: https://discord.gg/GzmYu7Vu4s
+---
+
+Explore a choose-your-own-adventure book, fight your enemies with powerful dice, craft a unique bag of dice and choose your path in the realm of Amartia.

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

@@ -1,4 +1,5 @@
 ---
+id: 001-a-new-indie-studio
 title: Frog Collective a new indie game development studio!
 date: 04/21/2024
 ---

content/en/news/002-coldridge-is-out.md

@@ -1,4 +1,5 @@
 ---
+id: 002-coldridge-is-out
 title: Our first game is out
 date: 10/28/2024
 ---
@@ -8,13 +9,13 @@ date: 10/28/2024
 At the time of writing the last post, we wanted to share our adventure with this blog a lot more often, but I think we were quite busy making our first game 😄.
 It's never too late though, so here is a recap of what we did.
 
-As described in the last post, we started to work on Frog Collective last year in April.
+As described in the last post, we started to work on Frog Collective in April.
-We did the pre-production of our first project during this first month while dealing with administrative setup (we are in France; it's a known fact that administrative paperwork is quite intense here).
+We did the pre-production of our first project during this first month while dealing with administrative stuff (we are in France; it's a known fact that administrative paperwork is quite intense here).
-The company was effectively created in May.
+The company was officially created in May.
 
-At that time, we started to know where we wanted to go with our first game, so we started to work on the game title, Steam page, and trailer to start to communicate as soon as possible.
+At that time, we started to know where we wanted to go with our first game, so we started to work on its title, the Steam page and trailer to start to communicate as soon as possible.
 The game: "[Coldridge](https://store.steampowered.com/app/3052500/ColdRidge/)", is a blend between board game and roguelite mechanisms.
-You need to explore a procedurally generated map to discover resources for an all powerful guild.
+You need to explore a procedurally generated map to discover resources requested by the all powerful guild of the city of Coldridge.
 
 <center>
     <img src="/img/coldridge/screenshot03.jpg" alt="Screenshot of Coldridge game" class="news--image" style="width: 90%;">
@@ -22,13 +23,13 @@ You need to explore a procedurally generated map to discover resources for an al
 
 Our initial plan was to develop the game in five months; making a small game was quite liberating for us!
 We published [Coldridge Trailer](https://www.youtube.com/watch?v=XYTgZaV4av4) on June 24 and the demo one month later, on July 23.
-The reception was very good, so we decided to put two more months on the project to add a lot more content and a narrative storyline.
+The reception was amazing, so we decided to put two more months on the project to add a lot more content and a narrative storyline.
 
 In October, we attended GodotCon, where we gave a talk about [how we approach the Godot engine to make Coldridge](https://www.youtube.com/watch?v=_7pzX737mok).
 Watch it if you want to know a bit more about how we did it.
 Don't hesitate to come ask us questions about details on our social networks; the presentation is quite dense, so we don't delve into details.
 
-The game is out today! We hope you'll enjoy it as much as we liked working on it.
+**The game is out today!** We hope you'll enjoy it as much as we liked working on it.
 
 <center>
   <iframe src="https://store.steampowered.com/widget/3052500/" frameborder="0" width="646" height="190"></iframe>

content/en/news/003-one-year-already.md

@@ -1,23 +1,24 @@
 ---
+id: 003-one-year-already
 title: Frog Collective is just over a year old!
 date: 03/31/2025
 ---
 
 It's been one year already since we started working on Frog Collective.
-So it's time to make a quick recap of what we did last year and what we plan to do next year.
+So it's time to make a quick recap of what we did last year.
 
-As described in the last posts, we started to work on Frog Collective last year in April.
+As described in the last posts, we started our adventures last year in April.
 We worked on our first game [Coldridge](https://store.steampowered.com/app/3052500/ColdRidge/) and published it seven months later.
 
 After the release, we continued working on balancing things and adding some content to offer to the community.
-Then we took some rest and enjoyed the holiday season.
+And finally, took some rest and enjoyed the holiday season.
 
-Going back to work, we wanted to test new things, leaving board games to test first person exploration.
+Going back to work, we wanted to test new things, leaving board games to test the first person exploration genre.
 We did know that the topic was ambitious, especially knowing that we were only two people on the team.
 So we put ourselves on a deadline of three months to see what was achievable in a reasonable time span.
 
-We worked on different prototypes; some were very convincing, others needed a lot more work to be playable.
+We worked on different ideas; some were very convincing, others needed a lot more work to be playable.
-To illustrate a bit, here is a sneak peek of what it looks like:
+To illustrate a bit, here is a sneak peek of what the prototype looks like:
 
 <center>
   <video controls style="width: 90%; max-width: 1280">
@@ -27,11 +28,11 @@ To illustrate a bit, here is a sneak peek of what it looks like:
 </center>
 
 At the end of this research phase, we were quite happy with what we did, but starting to list everything we needed to do, we planned that we would not finish anything in years.
-So we made the hard choice to stop working on it (we put it in a freezer for later) and moved to another game idea we had (a more reasonable one).
+So we made the hard choice to stop the project (maybe we will continue later?) and moved to another game idea we had (a more reasonable one).
 We'll start working on it next week, so stay tuned; the next blog post will tell you more about it 😉.
 Just for teasing, we can say that we are coming back to some roguelite stuff!
 
-While working on these prototypes, we also did a thing that we wanted to do since the Steam release of Coldridge.
+While working on this prototype, we also did a thing that we wanted to do since the Steam release of Coldridge.
 **We published Coldridge on Itch.io!**
 
 <center>

content/en/news/004-do-you-like-playing-with-dice.md

@@ -1,14 +1,21 @@
 ---
+id: 004-do-you-like-playing-with-dice
 title: Do you like playing with dice?
-date: 07/23/2025
+date: 10/28/2025
 ---
 
 **Hi everyone! 🎲**
 
 As promised in the last post, we are ready to announce our new project!
 
-We love dice, it's **the** object that represent the random, the chaos. I remember playing it with my grand mother during family reunions.
+<center>
-There is a lot of dice in games but they are often secondary, they are a representation of the RNG, but not the really present in the game.
+    <img src="/img/die-for-a-die/capsule.jpg" alt="Die for a Die" class="news--image" style="width: 60%;">
+</center>
+
+I love dice! I'll always remember playing dice games with my grandmother during family reunions.
+It is **the** object that represents the randomness, the chaos.
+
+There are a lot of dice in video games, but they are often secondary, used as a representation of the RNG, but not really at the heart of the game.
 What we want with this game is to put the pleasure of playing with dice at the center of the experience.
 
 We started to prototype things in April, using ... real dice and paper.
@@ -17,15 +24,26 @@ We started to prototype things in April, using ... real dice and paper.
     <img src="/img/die-for-a-die/prototype.jpg" alt="Paper prototype of the game" class="news--image" style="width: 90%;">
 </center>
 
-Once we were happy with the core gameplay, we started to prototype it in Godot. We now have a nice 15 minutes experience and so many ideas to push it further.
+Once we were happy with the core gameplay, we started to prototype it in Godot and started to iterate on the gameplay loop.
 
-<insert screenshot of the prototype>
+In the meantime, we worked on the artistic direction, trying to find the best visuals for this game.
+After trying a lot of things, one idea kept our attention: the idea to play in a book! And more specifically in a choose-your-own-adventure book.
+We loved reading these books while being younger and thought that they fit well with the dice and role-play theme.
 
-We believe that this game can be a great one! If you are interested to, come join us on our discord server to talk with us about the development of the game.
+<center>
+    <img src="/img/die-for-a-die/screenshot_combat.png" alt="Screenshot of Die for a Die combat" class="news--image" style="width: 90%;">
+</center>
 
-<div class="game--buttons">
+We believe that this game can be a great one! If you are interested, you can wishlist it on Steam and come join us on our discord server to talk with us about the development of the game.
-  <a class="game--button" href="https://discord.gg/GzmYu7Vu4s">
+
+<div class="contact--button-group">
+    <a class="game--button" href="https://discord.gg/GzmYu7Vu4s" target="_blank">
       <img class="contact--button-icon" src="/img/discord-fill.svg"></img>
       Discord
     </a>
+
+    <a class="game--button" href="https://store.steampowered.com/app/4107940/Die_for_a_Die/" target="_blank">
+      <img class="contact--button-icon" src="/img/steam-fill.svg"></img>
+      Steam
+    </a>
 </div>

content/fr/games/01-coldridge.md

@@ -7,7 +7,7 @@ steam_widget_url: https://store.steampowered.com/widget/3052500/
 itch_io_url: https://frog-collective.itch.io/coldridge
 itch_io_widget_url: https://itch.io/embed/3308356?link_color=ed1e1e
 presskit_url: presskits/coldridge.html
-discord_url: https://discord.gg/yBzZrQgG7K
+discord_url: https://discord.gg/GzmYu7Vu4s
 ---
 
 Enfilez les bottes d'un prospecteur et aventurez-vous dans les étendues sauvages de ColdRidge, une terre entourée de mystère et frappée par une sinistre malédiction.

content/fr/games/02-dieforadie.md

@@ -0,0 +1,13 @@
+---
+title: Die for a Die
+picture: games/dieforadie.jpg
+picture_alt: Illustration dd'une mystérieuse cité dans le ciel d'Amartia
+website: https://store.steampowered.com/app/4107940/Die_for_a_Die/
+steam_widget_url: https://store.steampowered.com/widget/4107940/
+itch_io_url:
+itch_io_widget_url:
+presskit_url:
+discord_url: https://discord.gg/GzmYu7Vu4s
+---
+
+Explorez un livre dont vous êtes le héros, combattez vos ennemis avec de puissants dés, assemblez un sac de dés unique et choisissez votre chemin dans le royaume d'Amartia.

content/fr/news/001-un-nouveau-studio-indie.md

@@ -1,4 +1,5 @@
 ---
+id: 001-un-nouveau-studio-indie
 title: Frog Collective, un nouveau studio de développement de jeux indépendants !
 date: 21/04/2024
 ---

content/fr/news/002-coldridge-est-sorti.md

@@ -0,0 +1,36 @@
+---
+id: 002-coldridge-est-sorti
+title: Notre premier jeu est sorti !
+date: 28/10/2024
+---
+
+**Salut tout le monde ! Aujourd'hui on a une annonce importante**
+
+Au moment on l'on écrivait notre précédent post, notre objectif était de vous partager nos aventures plus souvent, mais je crois que nous étions trop occupés à développer notre premier jeu 😄.
+Il n'est jamais trop tard ! voici donc le résumé de ce qu'il s'est passé.
+
+Comme décrit dans le post précédent, nous avons commencé à travailler pour Frog Collective en avril.
+Nous avons travaillé sur la pré-production de notre premier projet pendant le premier mois tout en avançant sur les dossiers administratifs (vous savez qu'en France, on ne rigole pas avec ça).
+L'entreprise a été officiellement créée en mai.
+
+À ce moment, nous commençions à savoir où nous voulions aller avec notre premier jeu. On a donc commencé à chercher son nom, travailler sur la page Steam et le trailer pour commencer à communiquer le plus rapidement possible.
+Le jeu : "[Coldridge](https://store.steampowered.com/app/3052500/ColdRidge/)", est un jeu de plateau mixé avec des éléments de roguelite.
+Vous devez explorer une carte générée procéduralement pour découvrir des resources demandées par la toute puissante guilde de la ville de Coldridge.
+
+<center>
+    <img src="/img/coldridge/screenshot03.jpg" alt="Screenshot of Coldridge game" class="news--image" style="width: 90%;">
+</center>
+
+Notre plan initial était de développer le jeu en cinq mois; créer un petit jeu a été libérateur pour nous !
+Nous avons publié le [trailer de Coldridge](https://www.youtube.com/watch?v=XYTgZaV4av4) le 24 juin et la démo un mois plus tard, le 23 juillet.
+La réception a été excellente, nous avons donc décidé d'investir deux mois supplémentaires dans le projet pour ajouter plus de contenu et une trame narrative.
+
+En octobre, nous avons participé à la GodotCon, où nous avons donné une conférence sur la [manière dont nous avons approché le moteur Godot pour faire Coldridge](https://www.youtube.com/watch?v=_7pzX737mok) (conférence en anglais).
+Regardez là si vous souhaitez en savoir plus sur comment le jeu a été développé.
+N'hésitez pas à venir nous poser des questions sur les réseaux sociaux ; la présentation est assez dense, nous n'avons pas eu le temps de rentrer dans les détails.
+
+**Le jeu est sorti aujourd'hui !** Nous espérons que vous aimerez y jouer autant que nous avons aimé travailler dessus.
+
+<center>
+  <iframe src="https://store.steampowered.com/widget/3052500/" frameborder="0" width="646" height="190"></iframe>
+</center>

content/fr/news/003-un-an-deja.md

@@ -0,0 +1,47 @@
+---
+id: 003-un-an-deja
+title: Frog Collective fête son premier anniversaire !
+date: 31/03/2025
+---
+
+Ça fait déjà un an que l'on a commencé l'aventure Frog Collective.
+Il est temps de faire un point sur ce que l'on a fait l'année passée.
+
+Comme décris dans les posts précédents, nous nous sommes lancé dans l'aventure en avril dernier.
+Nous avons développé notre premier jeu [Coldridge](https://store.steampowered.com/app/3052500/ColdRidge/) en sept mois.
+
+Après la sortie, nous avons continué à travailler sur l'équilibrage et sur l'ajout de nouveaux contenus à offrir à la communauté.
+Et finalement, un repos bien mérité pour les fêtes de fin d'années.
+
+De retour au travail, nous voulions tester de nouvelles choses, s'éloigner des jeux de plateaux et expérimenter dans le genre des jeux d'exploration à la première personne.
+Nous savions que l'objectif était très ambitieux, compte tenu du fait que nous ne sommes que deux dans l'équipe.
+Nous nous sommes donné trois mois pour explorer le sujet et trouver ce qu'il était possible de faire dans un délai raisonnable.
+
+Nous avons travaillé différentes idées ; certaines très réussies, d'autres nécessitait beaucoup plus de travail pour être réellement jouable.
+Pour illustrer un peu, voici un petit extrait de notre prototype:
+
+<center>
+  <video controls style="width: 90%; max-width: 1280">
+    <source src="/videos/the_outpost.webm" type="video/webm">
+    <img src="/img/the-outpost/screenshot.jpg" alt="Screenshot of outpost prototype" class="news--image" style="width: 90%;">
+  </video>
+</center>
+
+À la fin de cette phase de recherche, nous étions très contents du résultat accompli.
+Mais en listant le travail nécessaire pour finir ce projet, notre plan montrait que nous ne sortirions rien avant plusieurs années.
+Nous avons pris la difficile décision d'arrêter ce projet (peut-être qu'on le relancera un jour ?) et nous sommes partis sur une autre idée de jeu (plus raisonnable).
+Nous allons commencer à travailler dessus la semaine prochaine, restez attentif ; le prochain post vous en dira plus 😉.
+Juste pour attiser votre curiosité, nous revenons sur le genre du roguelite !
+
+Pendant que nous travaillions sur ces recherches, nous avons aussi fait une chose que nous voulions faire depuis la sortie Steam de Coldridge.
+**Nous avons sorti Coldridge sur Itch.io**
+
+<center>
+  <div class="game--widget">
+    <iframe frameborder="0" src="https://itch.io/embed/3308356?link_color=ed1e1e" width="646" height="175"><a href="https://frog-collective.itch.io/coldridge">Coldridge</a></iframe>
+  </div>
+</center>
+
+Itch.io est une des plateforme de jeu vidéo les plus créatives que l'on puisse trouver ; nous sommes très content d'avoir notre jeu dessus !
+
+*PS: Si vous voulez en savoir plus sur ce que l'on a fait, Aurel à donnée [une conférence](https://www.youtube.com/watch?v=_6uYOMKb-QM) détaillant nos expérimentations.*

content/fr/news/004-est-ce-que-vous-aimez-les-des.md

@@ -0,0 +1,49 @@
+---
+id: 004-est-ce-que-vous-aimez-les-des
+title: Est-ce que vous aimez les dés ?
+date: 28/10/2025
+---
+
+**Salut tout le monde ! 🎲**
+
+Comme promis dans le billet précédent, nous sommes prêts à annoncer notre nouveau projet !
+
+<center>
+    <img src="/img/die-for-a-die/capsule.jpg" alt="Die for a Die" class="news--image" style="width: 60%;">
+</center>
+
+J'aime les dés ! Je me souviens encore des parties de jeu de dés avec ma grand-mère pendant les réunions familiales.
+C'est l'objet par excellence qui représente l'aléatoire, le chaos.
+
+Il y a beaucoup de dés dans les jeux vidéos, mais ils restent souvent secondaires, utilisés comme représentation de l'aléatoire, mais pas réellement au coeur du gameplay.
+Dans ce jeu, nous avons envie de mettre le plaisir de jouer avec des dés au centre de l'expérience.
+
+Nous avons commencé le prototypage en avril, en utilisant ... des vrai dés et du papier.
+
+<center>
+    <img src="/img/die-for-a-die/prototype.jpg" alt="Prototype papier du jeu" class="news--image" style="width: 90%;">
+</center>
+
+Une fois satisfait de la boucle de gameplay principale, nous avons commencé le développement d'un prototype dans Godot.
+
+Pendant ce temps, nous avons travaillé sur la direction artistique, essayant de trouver le visuel le plus adapté pour ce jeu.
+Après avoir essayé de nombreuses choses, une idée a gardé notre attention : l'idée de jouer directement dans un livre ! Plus précisément dans un livre dont vous êtes le héros.
+Nous gardons un souvenir formidable de ces bouquins et pensons qu'ils seront le support parfait pour le thème des dés et du jeu de rôle.
+
+<center>
+    <img src="/img/die-for-a-die/screenshot_combat.png" alt="Screenshot d'un combat de Die for a Die" class="news--image" style="width: 90%;">
+</center>
+
+Nous croyons que cet assemblage peut faire un excellent jeu ! Si vous êtes intéressé, vous pouvez ajouter le jeu dans votre liste de souhait sur Steam et venir sur notre serveur Discord pour parler avec nous de son développement.
+
+<div class="contact--button-group">
+    <a class="game--button" href="https://discord.gg/GzmYu7Vu4s" target="_blank">
+      <img class="contact--button-icon" src="/img/discord-fill.svg"></img>
+      Discord
+    </a>
+
+    <a class="game--button" href="https://store.steampowered.com/app/4107940/Die_for_a_Die/" target="_blank">
+      <img class="contact--button-icon" src="/img/steam-fill.svg"></img>
+      Steam
+    </a>
+</div>

src/lib/social_links.html

@@ -4,9 +4,9 @@
   </a>
 {% endmacro %}
 
-{{ social_link('Discord', 'discord-fill.svg', 'https://discord.gg/GzmYu7Vu4s') }}
 {{ social_link('Steam', 'steam-fill.svg', 'https://store.steampowered.com/dev/frog-collective') }}
 {{ social_link('Itch.io', 'itchio-fill.svg', 'https://frog-collective.itch.io/') }}
+{{ social_link('Discord', 'discord-fill.svg', 'https://discord.gg/GzmYu7Vu4s') }}
 {{ social_link('Youtube', 'youtube-fill.svg', 'https://www.youtube.com/@frog-collective') }}
 {{ social_link('Twitch', 'twitch-fill.svg', 'https://www.twitch.tv/frogcollective') }}
 {{ social_link('Mastodon', 'mastodon-fill.svg', 'https://mastodon.social/@frogcollective') }}

src/pages/index/games.html

@@ -6,7 +6,7 @@
   title_picture_offset = "0px",
   title_color = "var(--color-primary)"
 ) %}
-  {% for game in glob("games/*.md") | map('markdown') %}
+  {% for game in glob("games/*.md") | sort(reverse=true, attribute='path') | map('markdown') %}
     <div class="game">
       <div class="game--picture-wrapper">
         <img
@@ -40,19 +40,21 @@
               Learn More
             </a>
 
-            <a class="game--button" href="{{ game.meta.discord_url }}">
+            <a class="game--button" href="{{ game.meta.discord_url }}" target="_blank">
               <img class="contact--button-icon" src="/img/discord-fill.svg"></img>
               {% trans %}
               Discord
               {% endtrans %}
             </a>
 
+            {% if game.meta.presskit_url %}
             <a class="game--button" href="{{ game.meta.presskit_url }}">
               <img class="contact--button-icon" src="/img/information-fill.svg"></img>
               {% trans %}
               Press Kit
               {% endtrans %}
             </a>
+            {% endif %}
         </div>
       </div>
     </div>

src/pages/index/games.scss

@@ -5,6 +5,7 @@
     flex-direction: column;
     background: transparent;
     padding: 0;
+    margin-bottom: 50px;
 
     &--picture-wrapper {
         display: flex;

src/pages/index/news.html

@@ -9,10 +9,11 @@
 ) %}
   {% for news in glob("news/*.md") | sort(reverse=true, attribute='path') | map('markdown') %}
     <div class="news">
-      <div class="news--header">
+      <a class="section--anchor" id="{{news.meta.id}}"></a>
+      <a href="/{{ context.current_language }}/#{{news.meta.id}}" class="news--header-link">
         <h3 class="news--date">{{ news.meta.date }}</h3>
         <h2 class="news--title">{{ news.meta.title }}</h2>
-      </div>
+      </a>
       <div class="news--content">
         <style>{{ news.meta.css }}</style>
         {{ news }}

src/pages/index/news.scss

@@ -6,17 +6,22 @@
     display: flex;
     flex-direction: column;
     
-    &--header {
+    &--header-link {
         display: flex;
         color: var(--color-on-dark);
         background: var(--background-red);
         padding: var(--space-small) var(--space-medium);
         align-items: center;
         gap: var(--space-small);
+        text-decoration: none;
 
         @media($mobile-breakpoint) {
             flex-direction: column;
         }
+
+        &:hover {
+            background: var(--background-dark);
+        }
     }
 
     &--date {
@@ -53,5 +58,6 @@
 
     &--image {
         max-width: 100%;
+        margin-bottom: 1em;
     }
 }