src/assets/img/information-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 9.5C12.8284 9.5 13.5 8.82843 13.5 8C13.5 7.17157 12.8284 6.5 12 6.5C11.1716 6.5 10.5 7.17157 10.5 8C10.5 8.82843 11.1716 9.5 12 9.5ZM14 15H13V10.5H10V12.5H11V15H10V17H14V15Z"></path></svg>

src/pages/presskits/_style.scss

@@ -1,2 +1,34 @@
 .presskit {
+    &--button {
+        @extend %button;
+        display: block;
+        width: fit-content;
+        margin-bottom: var(--space-medium);
+    }
+
+    &--grid-container {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 10px;
+        margin-bottom: var(--space-large);
+
+        @media ($mobile-breakpoint) {
+            grid-template-columns: 1fr;
+        }
+    }
+
+    &--logo-grid-container {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        gap: 20px;
+        margin-bottom: var(--space-large);
+
+        @media ($mobile-breakpoint) {
+            grid-template-columns: 1fr 1fr;
+        }
+    }
+
+    &--image {
+        width: 100%;
+    }
 }

src/pages/presskits/coldridge.html

@@ -4,4 +4,78 @@
 
 <h1 class="section--title">Coldridge - Press Kit</h1>
 
+<h2>Factsheet</h2>
+<ul>
+    <li>Developer: <a href="http://frog-collective.com">Frog Collective</a></li>
+    <li>Publisher: <a href="https://bark.games/">BARK</a></li>
+    <li>Release Date: Q4 2024</li>
+    <li>Platforms: <a href="https://store.steampowered.com/app/3052500/ColdRidge/">PC/Steam (Windows & Linux)</a></li>
+</ul>
+
+<h2>About the Studio</h2>
+<p>
+    Welcome! We're <a href="http://frog-collective.com">Frog Collective</a>, a new indie studio based in France and formed by two AMPLITUDE Studios veterans.
+</p>
+<p>
+    We worked on all of AMPLITUDE Studios' strategy games for the past 13 years (HUMANKIND, ENDLESS franchise) and have now decided to go indie, making 1-2 small but fully fleshed games per year.
+</p>
+<p>
+    We decided to build on Godot because we're believers in open source initiatives for gaming, we hope to do our part and contribute in the future.
+</p>
+
+<h2>About the Publisher</h2>
+<p>
+    The game is published by <a href="https://bark.games/">BARK</a>, a new indie Steam publisher bringing years of experience from mobile publishing and dedicated to help indie games find their audience. They are based in France.
+</p>
+
+<h2>About the Game</h2>
+
+<p>Our first game, Coldridge, is a turn-based exploration game made with Godot, and set in the mystical Wild West.</p>
+
+<p>Coldridge's cosy and relaxing atmosphere is an untraditionnal take on the rogue-lite genre, moving away from fighting mechanics and leaning into exploration.</p>
+
+<p>In this game, players will have to carefully chose contracts, take smart bets and plan their expeditions to fulfill them.</p>
+
+<p>The higher the reward, the higher the risk and players will have to utilize the terrain and their equipment to gain an edge.</p>
+
+<p>As they unlock new characters and objects, players will unlock gameplay depth and unique ways to wander through the plains of Coldridge.</p>
+
+<p>Each playthrough offers fresh challenges and opportunities. See how long you can survive and how deep you can delve into the secrets of Coldridge!</p>
+
+<h2>Trailer</h2>
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/XYTgZaV4av4?si=61UGOTrbNnmIPB2s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+<h2>Images</h2>
+
+<div class="presskit--grid-container">
+    <video autoplay loop class="presskit--image">
+        <source src="/img/coldridge/capsule01.webm" type="video/webm" />
+        <a href="/img/coldridge/capsule01.webm">Download</a>
+    </video>
+    
+    <video autoplay loop class="presskit--image">
+        <source src="/img/coldridge/capsule02.webm" type="video/webm" />
+        <a href="/img/coldridge/capsule02.webm">Download</a>
+    </video>
+
+    <img class="presskit--image" src="/img/coldridge/keyart01.png" />
+    <img class="presskit--image" src="/img/coldridge/keyart02.jpg" />
+    <img class="presskit--image" src="/img/coldridge/screenshot01.jpg" />
+    <img class="presskit--image" src="/img/coldridge/screenshot02.jpg" />
+    <img class="presskit--image" src="/img/coldridge/screenshot03.jpg" />
+</div>
+
+<h2>Logos</h2>
+
+<img class="presskit--image" src="/img/coldridge/logo-coldridge.png" />
+<div class="presskit--logo-grid-container">
+    <img class="presskit--image" src="/img/logo-bark.png" />
+    <img class="presskit--image" src="/img/nav-logo.png" />
+    <img class="presskit--image" src="/img/logo-black.png" />
+    <img class="presskit--image" src="/img/logo-black-bg.png" />
+</div>
+
+<a class="presskit--button" href="{{ 'presskits/coldridge.zip' | load | write }}">Download All Assets</a>
+
 {% endblock %}