Select Git revision
base.html 7.86 KiB
{% load static wagtailcore_tags wagtailuserbar %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>
{% block title %}
{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}
{% endblock %}
{% block title_suffix %}
{% wagtail_site as current_site %}
{% if current_site and current_site.site_name %}- {{ current_site.site_name }}{% endif %}
{% endblock %}
</title>
{% if page.search_description %}
<meta name="description" content="{{ page.search_description }}" />
{% endif %}
<meta name="viewport" content="width=device-width, initial-scale=1" />
{# Force all links in the live preview panel to be opened in a new tab #}
{% if request.in_preview_panel %}
<base target="_blank">
{% endif %}
{# Global stylesheets #}
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'home/fonts/pirati-ui/style.css' %}?v=2">
<link
rel="stylesheet"
href="{% static 'home/fonts/bebas-neue/style.css' %}"
>
<link
rel="stylesheet"
href="{% static 'home/fonts/source-serif/style.css' %}"
>
<link rel="icon" type="image/png" href="{% static 'home/images/logo_big.png' %}">
{% block extra_css %}
{# Override this in templates to add extra stylesheets #}
{% endblock %}
</head>
<body>
{% wagtailuserbar %}
<nav class="sticky top-0 drop-shadow-lg bg-grey-800 py-8 flex justify-center z-50">
<div class="flex justify-between container">
<div class="flex gap-7 text-white items-center">
<a
href="/"
>
<img
class="h-9"
src="{% static 'home/images/logo.png' %}"
alt="Logo"
>
</a>
<div
class="w-px h-6 bg-white hidden md:block"
></div>
<div class="gap-4 hidden md:flex">
<a class="nav__item" href="/clanky">Články</a>
<a class="nav__item" href="/analyzy">Analýzy</a>
<a class="nav__item" href="/akce">Akce</a>
<a class="nav__item" href="/dokumenty">Dokumenty</a>
<a class="nav__item" href="/lide">Lidé</a> <a class="nav__item" href="/videa">Videa</a>
<a class="nav__item" href="/#finance">Finance</a>
</div>
</div>
<div class="md:hidden block">
<a href="#mobile-menu" class="text-white text-4xl">
<i class="ico--menu" aria-label="Otevřít menu"></i>
</a>
</div>
</div>
</nav>
<div class="mb-10">
{% block content %}{% endblock %}
</div>
<div class="flex justify-center bg-gray-100">
<footer class="container text-gray-500 py-8">
<div class="flex gap-2 justify-between items-start w-full">
<div class="flex flex-col gap-3">
<a href="https://creativecommons.org/licenses/by-sa/4.0/">
<img
class="h-8 opacity-75"
src="{% static 'home/images/cc-by-sa.png' %}"
alt="Licence CC BY-SA 4.0"
>
</a>
<a href="/#kontakty" class="flex gap-2 items-center max-w-max">
<i class="ico--envelope"></i>
<span>Kontakty</span>
</a>
</div>
<div class="flex flex-col">
{% if settings.home.SocialMediaSettings.mastodon %}
<a href="{{ settings.home.SocialMediaSettings.mastodon }}" class="flex gap-2 items-center h-8">
<span class="w-6 text-2xl"><i class="ico--mastodon ml-[-0.25rem]"></i></span>
<span>Mastodon</span>
</a>
{% endif %}
{% if settings.home.SocialMediaSettings.twitter %}
<a href="{{ settings.home.SocialMediaSettings.twitter }}" class="flex gap-2 items-center h-8">
<span class="w-6 text-xl font-bold">𝕏<!-- Fuck you, Twitter --></span>
<span>Twitter</span>
</a>
{% endif %}
{% if settings.home.SocialMediaSettings.linkedin %}
<a href="{{ settings.home.SocialMediaSettings.linkedin }}" class="flex gap-2 items-center h-8">
<span class="w-6 text-xl font-bold"><i class="ico--linkedin"></i></span>
<span>LinkedIn</span>
</a>
{% endif %}
{% if settings.home.SocialMediaSettings.facebook %}
<a href="{{ settings.home.SocialMediaSettings.facebook }}" class="flex gap-2 items-center h-8">
<span class="w-6 text-xl font-bold"><i class="ico--facebook"></i></span>
<span>Facebook</span>
</a>
{% endif %}
<a href="/feeds/atom" class="flex gap-2 items-center max-w-max h-8">
<span class="w-6"><i class="ico--feed"></i></span>
<span>RSS</span>
</a>
</div>
</div>
</footer>
</div>
<div class="fixed top-0 left-0 p-3 w-full h-full bg-grey-800 z-50 hidden overflow-y-auto target:block text-white" id="mobile-menu">
<div class="flex flex-col p-3 gap-4"> <a
role="button"
href="#"
aria-label="Zavřít menu"
title="Zavřít menu"
>
<i class="ico--chevron-left text-white text-2xl"></i>
</a>
<div class="flex flex-col gap-1 text-2xl">
<a class="nav__item" href="/clanky">Články</a>
<a class="nav__item" href="/akce">Akce</a>
<a class="nav__item" href="/dokumenty">Dokumenty</a>
<a class="nav__item" href="/lide">Lidé</a>
<a class="nav__item" href="/videa">Videa</a>
<a class="nav__item" href="/#finance">Finance</a>
</div>
</div>
</div>
{% block extra_js %}{% endblock %}
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.pii.cz/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</body>
</html>