pedf
/
fakulta-online
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

Otevírací navigace pomocí JS

Browse Source
master
Emil Miler 5 years ago
parent 72d04a0518
commit 5691b7dcf3
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File

6
sass/style.scss
Unescape Escape View File

@ -2,6 +2,8 @@ $header-width: 1400px;
$main-width: 720px; $main-width: 720px;
.visible { display: initial; }
body { body {
min-height: 100vh; min-height: 100vh;
margin: 0; margin: 0;
@ -13,6 +15,10 @@ body {
a { text-decoration: none; } a { text-decoration: none; }
} }
nav {
display: none;
}
header { header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

6
templates/index.html
Unescape Escape View File

@ -8,10 +8,11 @@
<link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon">
</head> </head>
<body> <body>
<nav id="nav">navigace</nav>
<header> <header>
<img src="/logo.png" alt="Logo"> <img src="/logo.png" alt="Logo">
<a href="{{ config.base_url }}"><h1>{{ config.title }}</h1></a> <a href="{{ config.base_url }}"><h1>{{ config.title }}</h1></a>
<span id="menu">Menu</span> <span id="menu" onclick="togglevisible('#nav')">Menu</span>
</header> </header>
{% block content %} {% block content %}
<main id="index"> <main id="index">
@ -29,4 +30,7 @@
</main> </main>
{% endblock %} {% endblock %}
</body> </body>
<script>
function togglevisible(id){document.querySelector(id).classList.toggle("visible")}
</script>
</html> </html>