khle/layout.njk

## 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>
	<!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>