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.

88 lines
3.8 KiB

  1. {% set navigation_bar = [
  2. ('/', 'index', 'Home'),
  3. ('/handbook', 'handbook', 'Handbook'),
  4. ('/worldmap', 'worldmap', 'World Map'),
  5. ('', 'generate', 'Generate'),
  6. ('/npc/spells', 'spells', 'Spells'),
  7. ('/api/schema', 'api', 'API'),
  8. ] %}
  9. {% set generation_bar = [
  10. ('/npc/party', 'npcparty', 'NPC Party'),
  11. ('/npc/single', 'npcsingle', 'Single NPC'),
  12. ('/treasure', 'treasure', 'Treasure'),
  13. ] %}
  14. {% set active_page = active_page|default('index') %}
  15. <!doctype html>
  16. <html>
  17. <head>
  18. <title>{% block title %}{% endblock %} - Palisma ACKS</title>
  19. <meta charset="utf-8">
  20. <meta name="viewport" contents="width=device-width, initial-scale=1">
  21. <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
  22. <!-- UIkit CSS -->
  23. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/css/uikit.min.css" />
  24. <!-- UIkit JS -->
  25. <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/js/uikit.min.js"></script>
  26. <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.4/dist/js/uikit-icons.min.js"></script>
  27. {% block head %} {% endblock %}
  28. </head>
  29. <body>
  30. <nav class="uk-navbar-container" uk-navbar>
  31. <div class="uk-navbar-left">
  32. <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>
  33. <a href="" class="uk-navbar-item uk-logo">Palisma ACKS</a>
  34. </div>
  35. <div class="uk-navbar-center uk-visible@m">
  36. <ul class="uk-navbar-nav">
  37. {% for href, id, label in navigation_bar %}
  38. <li {% if id == active_page %} class="uk-active" {% endif %}>
  39. {% if id == 'generate' %}
  40. <a href="">{{ label |e }}</a>
  41. <div class="uk-navbar-dropdown">
  42. <ul class="uk-nav uk-navbar-dropdown-nav">
  43. {% for ghref, gid, glabel in generation_bar %}
  44. <li><a href="{{ ghref | e }}">{{ glabel|e }}</a></li>
  45. {% endfor %}
  46. </ul>
  47. </div>
  48. {% else %}
  49. <a href="{{ href|e }}">{{ label|e }}</a>
  50. {% endif %}
  51. </li>
  52. {% endfor %}
  53. </ul>
  54. </div>
  55. </nav>
  56. <div id="offcanvas-nav" uk-offcanvas="overlay: true">
  57. <div class="uk-offcanvas-bar uk-flex uk-flex-column">
  58. <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical">
  59. {% for href, id, label in navigation_bar %}
  60. <li {% if id == active_page %} class="uk-active" {% endif %}>
  61. {% if id == 'generate' %}
  62. <a href="">{{ label |e }}</a>
  63. <div class="uk-navbar-dropdown">
  64. <ul class="uk-nav uk-navbar-dropdown-nav">
  65. {% for ghref, gid, glabel in generation_bar %}
  66. <li><a href="{{ ghref | e }}">{{ glabel|e }}</a></li>
  67. {% endfor %}
  68. </ul>
  69. </div>
  70. {% else %}
  71. <a href="{{ href|e }}">{{ label|e }}</a>
  72. {% endif %}
  73. </li>
  74. {% endfor %}
  75. </ul>
  76. </div>
  77. </div>
  78. <div class="uk-container">
  79. {% block content %}{% endblock %}
  80. </div>
  81. </body>
  82. </html>