[Jinja2] init

This commit is contained in:
coja
2026-05-02 23:18:51 +02:00
parent 9eca59f80f
commit 0724816c88
13 changed files with 350 additions and 352 deletions

65
template/base.html Normal file
View File

@@ -0,0 +1,65 @@
<!doctype html>
<html lang="{{ lang }}">
<head>
<script>
(function () {
const theme = localStorage.getItem("theme");
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
if (theme === "dark" || (!theme && prefersDark))
document.documentElement.classList.add("dark");
})();
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/styles/reset.css" />
<link rel="stylesheet" href="/styles/style.css" />
{% block extra_styles %}{% endblock %}
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
<script src="/scripts/main.js"></script>
<title>{{ title }} Decentrala</title>
<link rel="alternate" hreflang="sr" href="{{ sr_link }}" />
</head>
<body>
<header>
<a id="logo" href="/{{ '/en/' if lang == 'en' else '' }}index">
<img src="/img/logo-{{ 'dark' if is_dark else 'light' }}.svg" alt="Logo" /> Decentrala
</a>
<button id="theme-switcher"></button>
<a class="lang" hreflang="sr" href="{{ sr_link }}">SR</a>
</header>
<main>
{% block content %}{% endblock %}
</main>
<footer>
<button class="hamburger closed">
<img src="/img/strelica-closed-{{ 'dark' if is_dark else 'light' }}.svg" alt="Menu" />
</button>
<nav class="menu">
{% set base_path = '/en/' if lang == 'en' else '/' %}
<a href="{{ base_path }}events">{{ 'Događaji' if lang == 'sr' else 'Events' }}</a>
<a href="{{ base_path }}services">{{ 'Servisi' if lang == 'sr' else 'Services' }}</a>
<a href="{{ base_path }}statute">{{ 'Statut' if lang == 'sr' else 'Statute' }}</a>
<a href="{{ base_path }}about">{{ 'O nama' if lang == 'sr' else 'About us' }}</a>
<a href="{{ base_path }}account">{{ 'Nalog' if lang == 'sr' else 'Account' }}</a>
<a href="{{ base_path }}support">{{ 'Podrška' if lang == 'sr' else 'Support' }}</a>
</nav>
<span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
<img src="/img/cc-{{ 'dark' if is_dark else 'light' }}.svg" alt="CreativeCommons" />
</a>
<a href="{{ base_path }}webring">
<img src="/img/w-{{ 'dark' if is_dark else 'light' }}.svg" alt="Webring" />
</a>
<a href="https://gitea.dmz.rs/Decentrala/website">
<img src="/img/git-{{ 'dark' if is_dark else 'light' }}.svg" alt="SourceCode" />
</a>
<a href="https://balkan.fedive.rs/@decentrala">
<img src="/img/mastodon-{{ 'dark' if is_dark else 'light' }}.svg" alt="Mastodon" />
</a>
</span>
</footer>
</body>
</html>

View File

@@ -1,15 +1,17 @@
<h1>Events</h1>
{% block title %}Events{% endblock %}
{% block content %}
<h1 class="title">Events</h1>
<div class="description">
<p>
Following list contains all forthcoming events. Held events are listed in
<a href="/en/events_archive">archive</a>.
<a href="/{{ lang }}/events_archive">archive</a>.
</p>
<p>
Events are also available as an
<a href="https://dmz.rs/events.ical">ical</a> file.
</p>
<p>We also provide <a href="https://dmz.rs/events.ical">ical</a> file</p>
<p>
<a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
Short description
@@ -17,3 +19,8 @@
how to find a space
</p>
</div>
<div class="events-list">
{{ events_html|safe }}
</div>
{% endblock %}

View File

@@ -1,9 +1,12 @@
<h1>Događaji</h1>
{% block title %}Događaji{% endblock %}
{% block content %}
<h1 class="title">Događaji</h1>
<div class="description">
<p>
Naredna lista sadrži sve predstojeće događaje. Za listu održanih događaja
pogledaj <a href="/events_archive">arhivu</a>.
pogledaj <a href="/{{ lang }}/events_archive">arhivu</a>.
</p>
<p>
Događaje možeš učitati i sa
@@ -16,3 +19,8 @@
kako pronaci prostor
</p>
</div>
<div class="events-list">
{{ events_html|safe }}
</div>
{% endblock %}

View File

@@ -1,6 +1,14 @@
<h1>Events archive</h1>
{% block title %}Events archive{% endblock %}
{% block content %}
<h1 class="title">Events archive</h1>
<p>
All events that we organized so far. You can find future events on
<a href="/en/events">Events page</a>
<a href="/{{ lang }}/events">Events page</a>
</p>
<br />
<div class="events-list">
{{ events_html|safe }}
</div>
{% endblock %}

View File

@@ -1,6 +1,14 @@
<h1>Arhiva događaja</h1>
{% block title %}Arhiva događaja{% endblock %}
{% block content %}
<h1 class="title">Arhiva događaja</h1>
<p>
Svi događaji koje smo do sada organzivali. Predstojeće događaje možeš naći
<a href="/events">ovde</a>
<a href="/{{ lang }}/events">ovde</a>
</p>
<br />
<div class="events-list">
{{ events_html|safe }}
</div>
{% endblock %}

View File

@@ -1,90 +1,11 @@
<!doctype html>
<html lang="en">
<head>
<script>
(function () {
const theme = localStorage.getItem("theme");
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
if (theme === "dark" || (!theme && prefersDark))
document.documentElement.classList.add("dark");
})();
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{% extends "base.html" %}
<!-- <pre>
{% block title %}{{ title }} Decentrala{% endblock %}
*@@*
*@@@@*
*@@*
||
||
*@@* *@@* *@@*
*@@@@*===*@@@@*===*@@@@*
*@@* *@@* *@@*
|| //
|| //
*@@*//
*@@@@*
*@@*
{% block extra_styles %}{{ extra_styles|safe }}{% endblock %}
____ _____ ____ _____ _ _ _____ ____ _ _ _
| _ \| ____/ ___| ____| \ | |_ _| _ \ / \ | | / \
| | | | _|| | | _| | \| | | | | |_) | / _ \ | | / _ \
| |_| | |__| |___| |___| |\ | | | | _ < / ___ \| |___ / ___ \
|____/|_____\____|_____|_| \_| |_| |_| \_\/_/ \_\_____/_/ \_\
</pre> -->
<link rel="stylesheet" href="/styles/reset.css" />
<link rel="stylesheet" href="/styles/style.css" />
<!--ADDITIONAL_STYLE-->
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
<script src="/scripts/main.js"></script>
<title><!--TITLE--> Decentrala</title>
<link rel="alternate" hreflang="sr" href="/PAGE_NAME" />
</head>
<body>
<header>
<a id="logo" href="/en/index">
<img src="/img/logo-light.svg" alt="Logo" /> Decentrala
</a>
<button id="theme-switcher"></button>
<a class="lang" hreflang="sr" href="/PAGE_NAME">SR</a>
</header>
<main>
<div class="page-wrap">
<!--MAIN-->
</div>
</main>
<footer>
<button class="hamburger closed">
<img src="/img/strelica-closed-light.svg" alt="Menu" />
</button>
<nav class="menu">
<a href="/en/events">Events</a>
<a href="/en/services">Services</a>
<a href="/en/statute">Statute</a>
<a href="/en/about">About</a>
<a href="/en/account">Account</a>
<a href="/en/support">Support</a>
</nav>
<span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
<img src="/img/cc-light.svg" alt="CreativeCommons" />
</a>
<a href="/en/webring">
<img src="/img/w-light.svg" alt="Webring" />
</a>
<a href="https://gitea.dmz.rs/Decentrala/website">
<img src="/img/git-light.svg" alt="SourceCode" />
</a>
<a href="https://balkan.fedive.rs/@decentrala">
<img src="/img/mastodon-light.svg" alt="Mastodon" />
</a>
</span>
</footer>
</body>
</html>
{% block content %}
<div class="page-wrap">
{{ content|safe }}
</div>
{% endblock %}

View File

@@ -1,91 +1,11 @@
<!doctype html>
<html lang="sr">
<head>
<script>
(function () {
const theme = localStorage.getItem("theme");
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
if (theme === "dark" || (!theme && prefersDark))
document.documentElement.classList.add("dark");
})();
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{% extends "base.html" %}
<!-- <pre>
{% block title %}{{ title }} Decentrala{% endblock %}
*@@*
*@@@@*
*@@*
||
||
*@@* *@@* *@@*
*@@@@*===*@@@@*===*@@@@*
*@@* *@@* *@@*
|| //
|| //
*@@*//
*@@@@*
*@@*
{% block extra_styles %}{{ extra_styles|safe }}{% endblock %}
____ _____ ____ _____ _ _ _____ ____ _ _ _
| _ \| ____/ ___| ____| \ | |_ _| _ \ / \ | | / \
| | | | _|| | | _| | \| | | | | |_) | / _ \ | | / _ \
| |_| | |__| |___| |___| |\ | | | | _ < / ___ \| |___ / ___ \
|____/|_____\____|_____|_| \_| |_| |_| \_\/_/ \_\_____/_/ \_\
</pre> -->
<link rel="stylesheet" href="/styles/reset.css" />
<link rel="stylesheet" href="/styles/style.css" />
<!--ADDITIONAL_STYLE-->
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
<script src="/scripts/main.js" defer></script>
<title><!--TITLE--> Decentrala</title>
<link rel="alternate" hreflang="en" href="/en/PAGE_NAME" />
</head>
<body>
<header>
<a id="logo" href="/">
<img src="/img/logo-light.svg" alt="Logo" />
Decentrala
</a>
<button id="theme-switcher"></button>
<a class="lang" hreflang="en" href="/en/PAGE_NAME">EN</a>
</header>
<main>
<div class="page-wrap">
<!--MAIN-->
</div>
</main>
<footer>
<button class="hamburger closed">
<img src="/img/strelica-closed-light.svg" alt="Menu" />
</button>
<nav class="menu">
<a href="/events">Događaji</a>
<a href="/services">Servisi</a>
<a href="/statute">Statut</a>
<a href="/about">O nama</a>
<a class="account" href="/account">Nalog</a>
<a href="/support">Podrška</a>
</nav>
<span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
<img src="/img/cc-light.svg" alt="CreativeCommons" />
</a>
<a href="/webring">
<img src="/img/w-light.svg" alt="Webring" />
</a>
<a href="https://gitea.dmz.rs/Decentrala/website">
<img src="/img/git-light.svg" alt="SourceCode" />
</a>
<a href="https://balkan.fedive.rs/@decentrala">
<img src="/img/mastodon-light.svg" alt="Mastodon" />
</a>
</span>
</footer>
</body>
</html>
{% block content %}
<div class="page-wrap">
{{ content|safe }}
</div>
{% endblock %}