104 lines
		
	
	
		
			4.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			104 lines
		
	
	
		
			4.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
{% set navigation_bar = [
 | 
						|
    ('/', 'index', 'Home'),
 | 
						|
    ('/handbook', 'handbook', 'Handbook'),
 | 
						|
    ('/worldmap', 'worldmap', 'Maps'),
 | 
						|
    ('.header', 'generate', 'Generate'),
 | 
						|
    ('.header', 'other', 'Other'),
 | 
						|
    ('/npc/spells', 'spells', 'Spells'),
 | 
						|
    ('/api/schema', 'api', 'API'),
 | 
						|
] %}
 | 
						|
{% set generation_bar = [
 | 
						|
    ('/npc/party', 'npcparty', 'NPC Party'),
 | 
						|
    ('/npc/single', 'npcsingle', 'Single NPC'),
 | 
						|
    ('http://autarch.co/treasure', 'treasure', 'Treasure'),
 | 
						|
] %}
 | 
						|
{% set active_page = active_page|default('index') %}
 | 
						|
 | 
						|
<!doctype html>
 | 
						|
<html>
 | 
						|
    <head>
 | 
						|
        <title>{% block title %}{% endblock %} - Palisma ACKS</title>
 | 
						|
 | 
						|
        <meta charset="utf-8">
 | 
						|
        <meta name="viewport" contents="width=device-width, initial-scale=1">
 | 
						|
 | 
						|
        <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
 | 
						|
 | 
						|
        <!-- UIkit CSS -->
 | 
						|
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/css/uikit.min.css" />
 | 
						|
 | 
						|
        <!-- UIkit JS -->
 | 
						|
        <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/js/uikit.min.js"></script>
 | 
						|
        <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/js/uikit-icons.min.js"></script>
 | 
						|
 | 
						|
        {% block head %} {% endblock %}
 | 
						|
    </head>
 | 
						|
    <body>
 | 
						|
        <nav class="uk-navbar-container" uk-navbar>
 | 
						|
            <div class="uk-navbar-left">
 | 
						|
                <a href="" class="uk-hidden@m uk-button-default uk-margin-small-left uk-margin-small-right" uk-toggle="target: #offcanvas-nav" uk-icon="menu"></a>
 | 
						|
                <a href="" class="uk-navbar-item uk-logo">Palisma ACKS</a>
 | 
						|
            </div>
 | 
						|
            <div class="uk-navbar-center uk-visible@m">
 | 
						|
                <ul class="uk-navbar-nav">
 | 
						|
                    {% for href, id, label in navigation_bar %}
 | 
						|
                    <li {% if id == active_page %} class="uk-active" {% endif %}>
 | 
						|
                        {% if id == 'generate' %}
 | 
						|
                        <a href="">{{ label |e }}</a>
 | 
						|
                        <div class="uk-navbar-dropdown">
 | 
						|
                            <ul class="uk-nav uk-navbar-dropdown-nav">
 | 
						|
                                {% for ghref, gid, glabel in generation_bar %}
 | 
						|
                                <li>
 | 
						|
                                    <a href="{{ ghref | e }}" {% if gid == 'treasure' %}target="_blank"{% endif %}>
 | 
						|
                                        {{ glabel|e }}
 | 
						|
                                    </a>
 | 
						|
                                </li>
 | 
						|
                                {% endfor %}
 | 
						|
                            </ul>
 | 
						|
                        </div>
 | 
						|
                        {% else %}
 | 
						|
                            {% if href != '.header' %}
 | 
						|
                            <a href="{{ href|e }}">{{ label|e }}</a>
 | 
						|
                            {% endif %}
 | 
						|
                        {% endif %}
 | 
						|
                    </li>
 | 
						|
                    {% endfor %}
 | 
						|
                </ul>
 | 
						|
            </div>
 | 
						|
        </nav>
 | 
						|
        <div id="offcanvas-nav" uk-offcanvas="overlay: true">
 | 
						|
            <div class="uk-offcanvas-bar uk-flex uk-flex-column">
 | 
						|
                <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical">
 | 
						|
                    {% for href, id, label in navigation_bar %}
 | 
						|
                        {% if href == '.header' %}
 | 
						|
                        <li class="uk-nav-header">{{ label|e }}</li>
 | 
						|
                            {% if id == 'generate' %}
 | 
						|
                                {% for ghref, gid, glabel in generation_bar %}
 | 
						|
                                <li {% if gid == active_page %} class="uk-active" {% endif %}>
 | 
						|
                                    <a href="{{ ghref | e }}" {% if gid == 'treasure' %}target="_blank"{% endif %}>
 | 
						|
                                        {{ glabel|e }}
 | 
						|
                                    </a>
 | 
						|
                                </li>
 | 
						|
                                {% endfor %}
 | 
						|
                            {% endif %}
 | 
						|
                        {% else %}
 | 
						|
                        <li {% if id == active_page %} class="uk-active" {% endif %}>
 | 
						|
                            <a href="{{ href|e }}">{{ label|e }}</a>
 | 
						|
                        </li>
 | 
						|
                        {% endif %}
 | 
						|
                    {% endfor %}
 | 
						|
                </ul>
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
        <div class="uk-container uk-margin-medium-top">
 | 
						|
            {% block content %}{% endblock %}
 | 
						|
        </div>
 | 
						|
        <footer class="uk-flex uk-flex-top uk-flex-center uk-margin-small uk-margin-medium-top">
 | 
						|
            <div class="uk-text-center uk-text-small">
 | 
						|
                Made by <a href="https://binaryatrocity.name">binaryatrocity</a>. 
 | 
						|
                ACKS & related © <a href="http://www.autarch.co/">Autarch</a>.
 | 
						|
            </div>
 | 
						|
        </footer>
 | 
						|
    </body>
 | 
						|
</html>
 |