<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="{{ url_for('static', path='/img/favicon.ico') }}">
    <title>{% block title %}{{ title }}{% endblock title %}</title>
    <link href="{{ url_for('static', path='/css/3p/spectre/spectre.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', path='/css/3p/spectre/spectre-exp.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', path='/css/3p/spectre/spectre-icons.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', path='/css/ghostforge.css') }}" rel="stylesheet">
    {% block css %}{% endblock css %}
    <script src="{{ url_for('static', path='/js/ghostforge.js') }}"></script>
    {% block js %}{% endblock js %}
</head>

<body>
    <div class="off-canvas off-canvas-sidebar-show d-flex">
        {% include "navigation/side.html" %}
        <div class="off-canvas-content">
            <div class="container ghostforge-container">
                {% include "navigation/top.html" %}
                {% block content %}
                {% endblock content %}
            </div>
        </div>
    </div>
    {% block bottom_modals %}{% endblock bottom_modals %}
    {% block bottomjs %}{% endblock bottomjs %}
</body>

</html>
