kocandaci/templates/base.html

52 lines
1.5 KiB
HTML
Raw Normal View History

2024-01-09 23:20:06 +01:00
{% import "macros.html" as macros %}
2024-01-09 22:57:56 +01:00
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{{ config.title }}{% endblock %}</title>
2024-01-10 00:55:20 +01:00
<link rel="stylesheet" type="text/css" href="{{ get_url(path="/style.css") }}">
2024-01-10 10:52:14 +01:00
<link rel="stylesheet" type="text/css" href="{{ get_url(path="/icons/remixicon-4.0.0.css") }}">
2024-01-12 16:31:33 +01:00
{% block style %}{% endblock %}
2024-01-09 22:57:56 +01:00
</head>
<body>
<nav>
<div class="wrap">
2024-01-10 00:55:20 +01:00
<a href="{{ config.base_url }}"><img src="{{ get_url(path="/img/logo.svg") }}" class="logo"></a>
2024-01-09 22:57:56 +01:00
<ul>
2024-01-09 23:20:06 +01:00
{{ macros::nav_items() }}
2024-01-09 22:57:56 +01:00
</ul>
2024-01-12 00:49:13 +01:00
<div id="mobile-nav-button"></div>
</div>
<div class="mobile-nav">
<ul>
{{ macros::nav_items() }}
</ul>
2024-01-09 22:57:56 +01:00
</div>
</nav>
{% block content %}
{% endblock %}
<footer>
2024-12-14 15:53:18 +01:00
<div class="wrap">
<p>&copy; {{ now() | date(format="%Y") }} {{ config.title }}</p>
<div class="socials">
<a href="https://www.instagram.com/kocandaci/" target="_blank"><i class="ri-instagram-line"></i></a>
<a href="https://www.facebook.com/kocandaci" target="_blank"><i class="ri-facebook-box-line"></i></a>
<a href="https://www.youtube.com/channel/UCd5GIRz17QOQpCpg5PGi0PQ/featured" target="_blank"><i class="ri-youtube-line"></i></a>
</div>
</div>
2024-01-09 22:57:56 +01:00
</footer>
2024-01-11 19:25:02 +01:00
{% block script %}
{% endblock %}
2024-01-12 00:49:13 +01:00
<script>
document.querySelector("#mobile-nav-button").addEventListener("click", function() {
document.body.classList.toggle("mobile-nav-open");
});
</script>
2024-01-09 22:57:56 +01:00
</body>
</html>