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.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">
<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>

29
src/pages/index.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 %}

8
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.
{% 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 %}

11
src/pages/index/contact.scss
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 {

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>
Learn More
</a>
<a class="game--button" href="presskits/coldridge.html">
csechet commented 2024-08-02 07:31:36 +00:00
Outdated
Review
Copy Link

essaie href="{{ context.language }}/coldridge-preskit.html" ici.

essaie href="{{ context.language }}/coldridge-preskit.html" ici.
<img class="contact--button-icon" src="/img/information-fill.svg"></img>
{% trans %}
Press Kit
{% endtrans %}
</a>
</div>
</div>
{% 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 {
@extend %button;
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 'pages/index/_style.scss';
@import 'pages/presskits/_style.scss';