<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
    <title><%= title %></title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" />
    <link rel="stylesheet" href="/css/lib/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/site.css" />
    <script src="/js/lib/bootstrap/bootstrap.min.js"></script>
    <script src="/js/lib/jquery/jquery-4.0.0.min.js"></script>
    <script src="/js/site.js"></script>
</head>
<body>

<!-- NAVIGATION -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
    <div class="container-fluid">
        <a class="navbar-brand" href="/">Twist Tutorial</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
            aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
                <a class="nav-link" href="/">Home</a>
                <a class="nav-link" href="/basics">Basics</a>
                <a class="nav-link" href="/import-export">Rules Import/Export</a>
                <a class="nav-link" href="/debug">Debugging</a>
                <a class="nav-link" href="/work-poc">Work POC</a>
                <a class="nav-link" href="/pentest">Pentest</a>
                <a class="nav-link" href="/about">About</a>
            </div>
        </div>
    </div>
</nav>

<!-- MAIN CONTENT -->
<main class="container mt-4">
