<!doctype html>
<html lang="de">
<head>
    <!--
     | >> Generated by sculpture.js
     !-->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="robots" content="noindex,nofollow" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <%- plugins.resources.enqueue('css'); %>
    <title><%= globals.heading %> | <%= globals.title %></title>
</head>

<body>

<header>
    <div class="container">
        <ul class="nav nav-tabs" id="primary-nav">
            <li class="nav-item">
                <a class="nav-link <%= isPage('password-generator') ? 'active': '' %>" href="password-generator.html">Password Generator</a>
            </li>
            <li class="nav-item">
                <a class="nav-link <%= isPage('textfilter') ? 'active': '' %>" href="textfilter.html">Text Filter</a>
            </li>
            <li class="nav-item">
                <a class="nav-link <%= isPage('base64') ? 'active': '' %>" href="base64.html">Base64</a>
            </li>
            <li class="nav-item">
                <a class="nav-link <%= isPage('token') ? 'active': '' %>" href="token.html">Token Generator</a>
            </li>
            <li class="nav-item">
                <a class="nav-link <%= isPage('whitenoise') ? 'active': '' %>" href="whitenoise.html">White Noise</a>
            </li>
        </ul>

        <h1><%= globals.heading %></h1>
        <p class="lead"><%- globals.headline %></p>
    </div>

</header>