layout.njk
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<link rel="stylesheet" href="https://unpkg.com/papercss@1.6.1/dist/paper.min.css"> | |
<title>{{ title }}</title> | |
</head> | |
<body> | |
<nav class="border fixed split-nav"> | |
<div class="nav-brand"> | |
<h3> | |
<a href="/">khle.dev</a> | |
</h3> | |
</div> | |
<div class="collapsible"> | |
<input id="collapsible1" type="checkbox" name="collapsible1"> | |
<button> | |
<label for="collapsible1"> | |
<div class="bar1"></div> | |
<div class="bar2"></div> | |
</label> | |
</button> | |
<div class="collapsible-body"> | |
<ul class="inline"> | |
<li> | |
<a href="{{ '/about-site/' | url }}">About this site</a> | |
</li> | |
<li> | |
<a href="{{ '/about-me/' | url }}">About me</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<div class="paper container"> | |
{{ content | safe }} | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment