frog-collective/frog-website
frog-collective
/
frog-website
5
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

feat: coldridge presskit

This commit is contained in:
Adrien Allard 2024-07-16 11:00:09 +02:00
parent f993bcfd99
commit fff6c99f1c
11 changed files with 94 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
site.py
View File

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

8
src/lib/nav.html
View File

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

37
src/pages/index.html
View File

@ -1,31 +1,8 @@
<!doctype html> {% extends "lib/page.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>
{% block content %}
{% include "pages/index/presentation.html" %}
{% include "pages/index/games.html" %}
{% include "pages/index/news.html" %}
{% include "pages/index/contact.html" %}
{% endblock %}

20
src/pages/index/contact.html
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. If you want to contact us about our games, for business inquiries, press or anything else please click on the button below.
{% endtrans %} {% endtrans %}
</p> </p>
<a class="contact--button" href="mailto:contact@frog-collective.com"> <div class="contact--button-group">
<img class="contact--button-icon" src="/img/mail-fill.svg"></img> <a class="contact--button" href="mailto:contact@frog-collective.com">
{% trans %} <img class="contact--button-icon" src="/img/mail-fill.svg"></img>
Contact Us {% trans %}
{% endtrans %} Contact Us
</a> {% 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> </div>
{% endcall %} {% endcall %}

11
src/pages/index/contact.scss
View File

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

7
src/pages/index/games.html
View File

@ -28,6 +28,13 @@
<img class="game--link-icon" src="/img/steam-fill.svg" alt-text="{{name}}"></img> <img class="game--link-icon" src="/img/steam-fill.svg" alt-text="{{name}}"></img>
Learn More Learn More
</a> </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>
</div> </div>
{% endfor %} {% endfor %}

12
src/pages/index/games.scss
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 { &--steam-button {
@extend %button; @extend %button;
display: none; display: none;

2
src/pages/presskits/_style.scss Normal file
View File

@ -0,0 +1,2 @@
.presskit {
}

7
src/pages/presskits/coldridge.html Normal file
View File

@ -0,0 +1,7 @@
{% extends "lib/page.html" %}
{% block content %}
<h1 class="section--title">Coldridge - Press Kit</h1>
{% endblock %}

1
src/style.scss
View File

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