Compare commits

...

3 Commits

24 changed files with 201 additions and 40 deletions

Binary file not shown.

View File

@ -10,3 +10,4 @@ if "FROG_LOCALE_DIR" in environ:
site.load_translations("site", environ["FROG_LOCALE_DIR"], "fr")
site.render('pages/index.html', 'index.html')
site.render('pages/presskits/coldridge.html', 'presskits/coldridge.html')

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 293 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 337 KiB

View File

@ -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>

After

Width:  |  Height:  |  Size: 394 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 436 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

View File

@ -11,10 +11,10 @@
<div class="nav-bar--content">
<img class="nav-bar--logo" src="/img/nav-logo.png"></img>
<div class="nav-bar--menu">
<a href="#collective" class="nav-bar--menu-link">{{ gettext('Collective') }}</a>
<a href="#games" class="nav-bar--menu-link">{{ gettext('Games') }}</a>
<a href="#news" class="nav-bar--menu-link">{{ gettext('News') }}</a>
<a href="#contact" class="nav-bar--menu-link">{{ gettext('Contact') }}</a>
<a href="/{{ context.current_language }}/#collective" class="nav-bar--menu-link">{{ gettext('Collective') }}</a>
<a href="/{{ context.current_language }}/#games" class="nav-bar--menu-link">{{ gettext('Games') }}</a>
<a href="/{{ context.current_language }}/#news" class="nav-bar--menu-link">{{ gettext('News') }}</a>
<a href="/{{ context.current_language }}/#contact" class="nav-bar--menu-link">{{ gettext('Contact') }}</a>
</div>
<div class="nav-bar--links">
{% with class_prefix="nav-bar" %}

28
src/lib/page.html Normal file
View File

@ -0,0 +1,28 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ gettext('Frog Collective is a french indie computer game studio.') }}">
<title>Frog Collective</title>
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="stylesheet" href="/style.css"/>
<script type="module" src="/js/index.js"></script>
{% if context.current_language == "fr" %}
<style>
p {
text-align: justify;
}
</style>
{% endif %}
</head>
<body>
{% include "lib/nav.html" %}
<div class="content">
{% block content %}
{% endblock %}
</div>
{% include "pages/index/footer.html" %}
</body>
</html>

View File

@ -1,31 +1,8 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ gettext('Frog Collective is a french indie computer game studio.') }}">
<title>Frog Collective</title>
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="stylesheet" href="/style.css"/>
<script type="module" src="/js/index.js"></script>
{% if context.current_language == "fr" %}
<style>
p {
text-align: justify;
}
</style>
{% endif %}
</head>
<body>
{% include "lib/nav.html" %}
{% extends "lib/page.html" %}
<div class="content">
{% block content %}
{% include "pages/index/presentation.html" %}
{% include "pages/index/games.html" %}
{% include "pages/index/news.html" %}
{% include "pages/index/contact.html" %}
</div>
{% include "pages/index/footer.html" %}
</body>
</html>
{% endblock %}

View File

@ -14,11 +14,19 @@
If you want to contact us about our games, for business inquiries, press or anything else please click on the button below.
{% endtrans %}
</p>
<div class="contact--button-group">
<a class="contact--button" href="mailto:contact@frog-collective.com">
<img class="contact--button-icon" src="/img/mail-fill.svg"></img>
{% trans %}
Contact Us
{% endtrans %}
</a>
<a class="contact--button" href="presskits/coldridge.html">
<img class="contact--button-icon" src="/img/information-fill.svg"></img>
{% trans %}
ColdRidge Press Kit
{% endtrans %}
</a>
</div>
</div>
{% endcall %}

View File

@ -6,11 +6,22 @@
flex-direction: column;
}
&--button-group {
display: flex;
flex-direction: row;
justify-content: center;
@media($mobile-breakpoint) {
display: contents;
}
}
&--button {
@extend %button;
align-self: center;
align-items: center;
display: flex;
margin: var(--space-xsmall) var(--space-large);
}
&--button-icon {

View File

@ -28,6 +28,13 @@
<img class="game--link-icon" src="/img/steam-fill.svg" alt-text="{{name}}"></img>
Learn More
</a>
<a class="game--button" href="presskits/coldridge.html">
<img class="contact--button-icon" src="/img/information-fill.svg"></img>
{% trans %}
Press Kit
{% endtrans %}
</a>
</div>
</div>
{% endfor %}

View File

@ -31,6 +31,18 @@
}
}
&--button {
@extend %button;
display: flex;
align-self: center;
img {
width: 2em;
filter: invert(100%);
margin-right: var(--space-small);
}
}
&--steam-button {
@extend %button;
display: none;

View File

@ -0,0 +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%;
}
}

View File

@ -0,0 +1,81 @@
{% extends "lib/page.html" %}
{% block content %}
<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 %}

View File

@ -9,3 +9,4 @@
@import 'lib/section.scss';
@import 'pages/index/_style.scss';
@import 'pages/presskits/_style.scss';