[Jinja2] init
This commit is contained in:
65
template/base.html
Normal file
65
template/base.html
Normal 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>
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user