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

Coldridge presskit #22

Merged
aallard merged 2 commits from feature/press-kit into main 2024-08-02 11:03:42 +00:00
Conversation 0 Commits 2 Files Changed 24 +94 -40
11 changed files with 94 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit fff6c99f1c - Show all commits

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';