|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
|
<title>{% block title %}{{ config.title }}{% endblock title %}</title>
|
|
|
|
|
<link rel="stylesheet" href="/style.css" type="text/css">
|
|
|
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
|
|
|
|
</head>
|
|
|
|
|
<body{% if section.permalink and section.permalink == config.base_url %} class="index"{% endif %}>
|
|
|
|
|
<nav id="nav">navigace</nav>
|
|
|
|
|
<header>
|
|
|
|
|
<img src="/logo.png" alt="Logo">
|
|
|
|
|
<a href="{{ config.base_url }}"><h1>{{ config.title }}</h1></a>
|
|
|
|
|
<div id="menu" onclick="togglevisible('#nav')">
|
|
|
|
|
Menu
|
|
|
|
|
<div id="menuicon">
|
|
|
|
|
<div></div><div></div><div></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
<main>
|
|
|
|
|
{% block content %}
|
|
|
|
|
<section>
|
|
|
|
|
<h2>{{ config.title }}</h2>
|
|
|
|
|
{{ section.content | safe }}
|
|
|
|
|
</section>
|
|
|
|
|
<aside>
|
|
|
|
|
{% for page in section.pages %}
|
|
|
|
|
{% if page.extra.indexnav %}
|
|
|
|
|
<a href="{{page.permalink}}">{{ page.title }}</a>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</aside>
|
|
|
|
|
{% endblock %}
|
|
|
|
|
</main>
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
|
|
|
|
function togglevisible(id){document.querySelector(id).classList.toggle("visible")}
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|
