Files
uutils.github.io/templates/base.html
T
Sylvestre Ledru bcf42b61db Add projects dropdown menu in navigation
Replace flat nav links with a dropdown listing all project pages.
2026-04-01 08:29:45 +02:00

73 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>
{%- block title -%}
{{ config.title }}
{%- endblock title -%}
</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/style.css" rel="stylesheet">
<link href="/syntax-theme-dark.css" rel="stylesheet" media="(prefers-color-scheme: dark)" />
<link href="/syntax-theme-light.css" rel="stylesheet" media="(prefers-color-scheme: light)" />
</head>
<body>
<header>
<a href="/" class="home">{% include "logo.html" %}</a>
<div id="mobile-open-navigation">
<button id="open-header-button">
<div></div>
<div></div>
<div></div>
</button>
</div>
<div class="navigation-block">
<div class="dropdown">
<span class="dropdown-toggle">Projects</span>
<div class="dropdown-menu">
<a href="/coreutils">Coreutils</a>
<a href="/findutils">Findutils</a>
<a href="/diffutils">Diffutils</a>
<a href="/util-linux">Util-linux</a>
<a href="/procps">Procps</a>
<a href="/acl">Acl</a>
<a href="/tar">Tar</a>
<a href="/sed">Sed</a>
<a href="/login">Login</a>
<a href="/hostname">Hostname</a>
<a href="/bsdutils">Bsdutils</a>
</div>
</div>
</div>
<div class="spacer"></div>
<div class="navigation-block">
<a href="/blog">Blog</a>
<a href="https://twitter.com/uutils_/">Twitter</a>
<a href="https://mastodon.social/@uutils" rel="me">Mastodon</a>
<a href="/gsoc">GSOC</a>
<a href="https://github.com/uutils" class="icon">
<div class="github-icon-black" aria-hidden="true"></div>
</a>
</div>
</header>
<main>
{%- block main -%}
{%- endblock main -%}
</main>
<footer>
<a href="https://github.com/uutils">
<div class="github-icon" aria-hidden="true"></div>
</a>
<span>uutils, MIT</span>
</footer>
<script defer>
document.getElementById("open-header-button").addEventListener("click", () => {
document.getElementsByTagName("header")[0].classList.toggle("open");
});
</script>
</body>
</html>