Coldridge presskit #22
1
site.py
|
|
@ -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')
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 2.6 MiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 2.2 MiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 293 KiB |
|
After Width: | Height: | Size: 337 KiB |
|
|
@ -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 |
|
After Width: | Height: | Size: 436 KiB |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 129 KiB |
|
|
@ -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" %}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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" %}
|
||||
|
||||
<div class="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>
|
||||
{% extends "lib/page.html" %}
|
||||
|
||||
{% block content %}
|
||||
{% include "pages/index/presentation.html" %}
|
||||
{% include "pages/index/games.html" %}
|
||||
{% include "pages/index/news.html" %}
|
||||
{% include "pages/index/contact.html" %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<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>
|
||||
<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 %}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
}
|
||||
}
|
||||
|
|
@ -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 %}
|
||||
|
|
@ -9,3 +9,4 @@
|
|||
@import 'lib/section.scss';
|
||||
|
||||
@import 'pages/index/_style.scss';
|
||||
@import 'pages/presskits/_style.scss';
|
||||
|
|
|
|||