56 lines
2.0 KiB
HTML
56 lines
2.0 KiB
HTML
<html>
|
|
<head>
|
|
<title>#(title)</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar is-dark">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="/">Salix</a>
|
|
|
|
<a class="navbar-burger" id="navbarMenuIcon" onclick="toggleNavMenu()">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
<div class="navbar-menu" id="navbarMenu">
|
|
<div class="navbar-end">
|
|
<a class='navbar-item #(title == "Home" ? "is-active" : "")' href="/">
|
|
Home
|
|
</a>
|
|
<a class='navbar-item #(title == "About" ? "is-active" : "")' href="/about">
|
|
About
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
#macro("content")
|
|
|
|
<section class="hero is-small is-dark">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<p class="has-text-centered">Copyright © #(now().Year()) Salix Contributors. Licensed under the GPLv3.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
function toggleNavMenu() {
|
|
let navbarMenuIcon = document.getElementById("navbarMenuIcon");
|
|
let navbarMenu = document.getElementById("navbarMenu");
|
|
|
|
if (navbarMenu.classList.contains('is-active')) {
|
|
navbarMenuIcon.classList.remove('is-active')
|
|
navbarMenu.classList.remove('is-active')
|
|
} else {
|
|
navbarMenuIcon.classList.add('is-active')
|
|
navbarMenu.classList.add('is-active')
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|