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.

124 lines
5.5 KiB

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
  1. {% set player_bar = [
  2. ('/npc/spells', 'spells', 'Spells', false),
  3. ('/worldmap', 'worldmap', 'Maps', false),
  4. ('/player_tokens', 'tokens', 'Tokens', false),
  5. ('https://reddit.com/r/PalismaACKS/wiki', 'redditwiki', 'Wiki', true),
  6. ] %}
  7. {% set judge_bar = [
  8. ('/npc/party', 'npcparty', 'Generate Party', false),
  9. ('/npc/single', 'npcsingle', 'Generate NPC', false),
  10. ('/wandering_monster', 'wandering', 'Wandering Monster', false),
  11. ('/lairs', 'lairs', 'Lairs', false),
  12. ('http://autarch.co/treasure', 'treasure', 'Treasure', true),
  13. ('/quest/list', 'questlist', 'Quests', false),
  14. ('/wiki', 'wiki', 'Wiki', false),
  15. ]%}
  16. {% set navigation_bar = [
  17. ('/', 'index', 'Home', false),
  18. ('/handbook', 'handbook', 'Handbook', false),
  19. (player_bar, 'section', 'Player Resources', false),
  20. (judge_bar, 'section', 'Judge Resources', false),
  21. ('https://reddit.com/r/PalismaACKS', 'subreddit', '/r/PalismaACKS', true),
  22. ] %}
  23. {% set active_page = active_page|default('index') %}
  24. <!doctype html>
  25. <html>
  26. <head>
  27. <title>{% block title %}{% endblock %} - Palisma ACKS</title>
  28. <meta charset="utf-8">
  29. <meta name="viewport" contents="width=device-width, initial-scale=1">
  30. <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
  31. <!-- UIkit CSS -->
  32. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.6.8/dist/css/uikit.min.css" />
  33. <!-- UIkit JS -->
  34. <script src="https://cdn.jsdelivr.net/npm/uikit@3.6.8/dist/js/uikit.min.js"></script>
  35. <script src="https://cdn.jsdelivr.net/npm/uikit@3.6.8/dist/js/uikit-icons.min.js"></script>
  36. <style>
  37. h1 strong {
  38. display: block;
  39. font-size: 50%;
  40. opacity: 0.65;
  41. }
  42. .uk-navbar-nav > li > a {
  43. font-size: 1em;
  44. text-transform: none;
  45. }
  46. </style>
  47. {% block head %}
  48. {% endblock %}
  49. </head>
  50. <body>
  51. <nav class="uk-navbar-container" uk-navbar>
  52. <div class="uk-navbar-left">
  53. <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>
  54. <a href="" class="uk-navbar-item uk-logo">Palisma ACKS</a>
  55. </div>
  56. <div class="uk-navbar-center uk-visible@m">
  57. <ul class="uk-navbar-nav">
  58. {% for href, id, label, blank in navigation_bar %}
  59. {% if id == 'section' %}
  60. <li>
  61. <a href="" {% if blank is sameas true %} target="_blank" {% endif %}>{{ label|e }}</a>
  62. <div class="uk-navbar-dropdown">
  63. <ul class="uk-nav uk-navbar-dropdown-nav">
  64. {% for phref, pid, plabel, pblank in href %}
  65. <li>
  66. <a href="{{ phref|e }}" {% if pblank is sameas true %} target="_blank" {% endif %}>{{ plabel|e }}</a>
  67. </li>
  68. {% endfor %}
  69. </ul>
  70. </div>
  71. </li>
  72. {% else %}
  73. <li {% if id == active_page %} class="uk-active" {% endif %}>
  74. <a href="{{ href|e }}" {% if blank is sameas true %} target="_blank" {% endif %}>{{ label|e }}</a>
  75. </li>
  76. {% endif %}
  77. {% endfor %}
  78. </ul>
  79. </div>
  80. </nav>
  81. <div id="offcanvas-nav" uk-offcanvas="overlay: true">
  82. <div class="uk-offcanvas-bar uk-flex uk-flex-column">
  83. <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical">
  84. {% for href, id, label, blank in navigation_bar %}
  85. {% if id == 'section' %}
  86. <li class="uk-nav-header uk-margin-large-top">{{ label|e }}</li>
  87. {% for phref, pid, plabel, pblank in href %}
  88. <li {% if pid == active_page %} class="uk-active" {% endif %}>
  89. <a href="{{ phref|e }}" {% if pblank is sameas true %} target="_blank" {% endif %}>{{ plabel|e }}</a>
  90. </li>
  91. {% endfor %}
  92. <li class="uk-margin-large-bottom"/>
  93. {% else %}
  94. <li {% if id == active_page %} class="uk-active" {% endif %}>
  95. <a href="{{ href|e }}" {% if blank is sameas true %} target="_blank" {% endif %}>{{ label|e }}</a>
  96. </li>
  97. {% endif %}
  98. {% endfor %}
  99. </ul>
  100. </div>
  101. </div>
  102. <div id="base_page_content" class="uk-container uk-margin-medium-top">
  103. {% block content %}{% endblock %}
  104. </div>
  105. <footer class="uk-flex uk-flex-top uk-flex-center uk-margin-small uk-margin-medium-top">
  106. <div class="uk-text-center uk-text-small">
  107. Made by <a href="https://binaryatrocity.name">binaryatrocity</a>.
  108. ACKS &amp; related &copy; <a href="http://www.autarch.co/">Autarch</a>.
  109. </div>
  110. </footer>
  111. {% block scripts %}
  112. {% endblock %}
  113. </body>
  114. </html>