You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

50 lines
1.8 KiB

  1. {% set navigation_bar = [
  2. ('/', 'index', 'Home'),
  3. ('/handbook', 'handbook', 'Handbook'),
  4. ('/npc/party', 'npcparty', 'NPC Party'),
  5. ('/npc/spells', 'spells', 'Spells'),
  6. ('/api/schema', 'api', 'API'),
  7. ('#', 'treasure', 'Treasure'),
  8. ('#', 'henchmen', 'Henchmen'),
  9. ] %}
  10. {% set active_page = active_page|default('index') %}
  11. <!doctype html>
  12. <html>
  13. <head>
  14. <title>{% block title %}{% endblock %} - Atr0phy ACKS</title>
  15. <meta charset="utf-8">
  16. <meta name="viewport" contents="width=device-width, initial-scale=1">
  17. <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
  18. <!-- UIkit CSS -->
  19. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/css/uikit.min.css" />
  20. <!-- UIkit JS -->
  21. <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/js/uikit.min.js"></script>
  22. <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/js/uikit-icons.min.js"></script>
  23. {% block head %} {% endblock %}
  24. </head>
  25. <body>
  26. <nav class="uk-navbar-container" uk-navbar>
  27. <div class="uk-navbar-left">
  28. <a href="" class="uk-navbar-item uk-logo">Atr0phy ACKS</a>
  29. </div>
  30. <div class="uk-navbar-center">
  31. <ul class="uk-navbar-nav">
  32. {% for href, id, label in navigation_bar %}
  33. <li {% if id == active_page %} class="uk-active" {% endif %}>
  34. <a href="{{ href|e }}">{{ label|e }}</a>
  35. </li>
  36. {% endfor %}
  37. </ul>
  38. </div>
  39. </nav>
  40. <div class="uk-container">
  41. {% block content %}{% endblock %}
  42. </div>
  43. </body>
  44. </html>