website with jinja

This commit is contained in:
Trilarion
2020-09-16 15:09:45 +02:00
parent 60f9523906
commit 7eacd2da44
26 changed files with 547 additions and 19 deletions

68
code/html/base.jinja Normal file
View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ base['title'] }}</title>
<link rel="stylesheet" href="{{ base['paths']['css'] }}">
</head>
<body>
<nav class="container navbar" role="navigation" aria-label="main navigation">
<div class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="{{ base['paths']['index'] }}">
Home
</a>
<a class="navbar-item" href="{{ base['paths']['index-games'] }}">
Games
</a>
<a class="navbar-item" href="{{ base['paths']['index-developers'] }}">
Developers
</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
Filter
</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="{{ base['paths']['index-inspirations'] }}">
By inspiration
</a>
<a class="navbar-item" href="{{ base['paths']['index-developers'] }}">
By category
</a>
<a class="navbar-item" href="{{ base['paths']['index-developers'] }}">
By code language
</a>
<a class="navbar-item" href="{{ base['paths']['index-developers'] }}">
By OS support
</a>
<a class="navbar-item" href="{{ base['paths']['index-developers'] }}">
By dependency
</a>
</div>
</div>
<a class="navbar-item" href="{{ base['paths']['index-statistics'] }}">
Statistics
</a>
</div>
</div>
</nav>
{% block content %}{% endblock %}
<footer class="footer">
<div class="content has-text-centered">
<p>
Footer content {{ base['creation-date'] }}
</p>
</div>
</footer>
</body>
</html>

1
code/html/bulma.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,29 @@
{% extends "base.jinja" %}
{% block content %}
<section class="section">
<div class="container">
<h1>{{ index['title'] }}</h1>
<p>
{% set comma = joiner(",") %}
{% for category in index['categories'] %}
{{ comma() }} <a href="#{{ category }}">{{ category.capitalize() }}</a> ({{ index['number_entries'][category] }})
{% endfor %}
</p>
{% for category in index['categories'] %}
<h2 id="{{ category }}">{{ category.capitalize() }}</h2>
<div class="columns">
{% for entries_column in index['entries'][category] %}
<div class="column">
<ul>
{% for entry in entries_column %}
<li>{{ entry }}</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</section>
{% endblock %}

View File

@ -0,0 +1,4 @@
{% extends "base.jinja" %}
{% block content %}
{% endblock %}

View File

@ -0,0 +1,15 @@
{% extends "base.jinja" %}
{% block content %}
<section class="section">
<div class="container">
<h1>Inspirations ({{ letter.capitalize() }})</h1>
{% for developer in developers %}
<p>
{{ developer['Name'] }}<br>
Games: {{ developer['Games']|join(', ') }}
</p>
{% endfor %}
</div>
</section>
{% endblock %}

View File

@ -0,0 +1,24 @@
{% extends "base.jinja" %}
{% block content %}
<section class="section">
<div class="container">
<h1>Games ({{ letter.capitalize() }})</h1>
{% for g in games %}
<p>
<a id="#{{ g['title-anchor'] }}">{{ g['Title'] }}</a><br>
Home: {{ g['Home'] }}<br>
{% if 'Inspirations' in g %}{% endif%}
{% if 'Media' in g %}{% endif%}
{% if 'Download' in g %}{% endif%}
{% if 'Play' in g %}{% endif%}
{% if 'Developer' in g %}{% endif%}
{% if 'Note' in g %}{% endif%}
Technical info:<br>
Language: {{ g['Code language'] }}<br>
License: {{ g['Code license'] }}
</p>
{% endfor %}
</div>
</section>
{% endblock %}

14
code/html/index.jinja Normal file
View File

@ -0,0 +1,14 @@
{% extends "base.jinja" %}
{% block content %}
<section class="section">
<div class="container">
<h1 class="title">
Open source games list (OSGL)
</h1>
<p class="subtitle">
Contains information about {{ index['number_games'] }} open source games.
</p>
</div>
</section>
{% endblock %}

View File

@ -0,0 +1,16 @@
{% extends "base.jinja" %}
{% block content %}
<section class="section">
<div class="container">
<h1>Inspirations ({{ letter.capitalize() }})</h1>
{% for inspiration in inspirations %}
<p>
{{ inspiration['Name'] }}<br>
{% if 'Media' in inspiration %}Media: {{ inspiration['Media'] }}<br>{% endif %}
Inspired entries: {% for game in inspiration['Inspired entries'] %}{{ game }}{% endfor %}
</p>
{% endfor %}
</div>
</section>
{% endblock %}

14
code/html/list.jinja Normal file
View File

@ -0,0 +1,14 @@
{% extends "base.jinja" %}
{% block content %}
<section class="section">
<div class="container">
<h1>{{ data['title'] }}</h1>
<ul>
{% for item in data['items'] %}
<li>{{ item }}</li>
{% endfor %}
</ul>
</div>
</section>
{% endblock %}

View File

@ -0,0 +1,4 @@
{% extends "base.jinja" %}
{% block content %}
{% endblock %}

4
code/html/table.jinja Normal file
View File

@ -0,0 +1,4 @@
{% extends "base.jinja" %}
{% block content %}
{% endblock %}