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.

44 lines
2.2 KiB

  1. {% extends "base.html" %}
  2. {% set active_page = "worldmap" %}
  3. {% block title %}Maps{% endblock %}
  4. {% block content %}
  5. <div class="uk-flex uk-flex-center uk-margin-bottom uk-margin-top">
  6. <h1 class="uk-text-center"><strong>Adventurer Conqueror King</strong>Maps</h1>
  7. </div>
  8. <br/>
  9. <div class="uk-container uk-container-small">
  10. <ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-center" uk-switcher>
  11. <li><a href="#">World Map</a></li>
  12. <li><a href="#">Continent Overview</a></li>
  13. <li><a href="#">Continent Full</a></li>
  14. </ul>
  15. <ul class="uk-switcher uk-margin" id="map-gallery">
  16. <li data-src="{{ url_for('static', filename='WorldMap.png') }}"><img src="{{ url_for('static', filename='WorldMap.png') }}"/></li>
  17. <li data-src="{{ url_for('static', filename='PalismaWorld.png') }}"><img src="{{ url_for('static', filename='PalismaWorld.png') }}"/></li>
  18. <li data-src="{{ url_for('static', filename='PalismaContinent.png') }}"><img src="{{ url_for('static', filename='PalismaContinent.png') }}"/></li>
  19. </ul>
  20. </div>
  21. {% endblock %}
  22. {% block head %}
  23. <style>
  24. h1 strong {
  25. display: block;
  26. font-size: 50%;
  27. opacity: 0.65;
  28. }
  29. </style>
  30. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery.js@1.4.0/dist/css/lightgallery.min.css" integrity="sha256-s47mXWRWvrLQNL9VRQX0ykfkIVSLfNJuingF/SZztsM=" crossorigin="anonymous">
  31. {% endblock %}
  32. {% block scripts %}
  33. <script src="https://cdn.jsdelivr.net/npm/lightgallery.js@1.4.0/dist/js/lightgallery.min.js" integrity="sha256-0Zhc9IDI5elFpwJZlvdAM4u/6qlxi4qIOUlHDVl5wjU=" crossorigin="anonymous"></script>
  34. <script src="https://cdn.jsdelivr.net/npm/lg-thumbnail.js@1.2.0/dist/lg-thumbnail.min.js" integrity="sha256-h70L9O3prxviKHrPHwrId33HakkgnURiB1KBHDyZOJc=" crossorigin="anonymous"></script>
  35. <script src="https://cdn.jsdelivr.net/npm/lg-fullscreen.js@1.2.0/dist/lg-fullscreen.min.js" integrity="sha256-5VFY2GRRpY51CgT/ku3jPvpWybxJ2n+pbDNz05amGwk=" crossorigin="anonymous"></script>
  36. <script src="https://cdn.jsdelivr.net/npm/lg-zoom.js@1.3.0/dist/lg-zoom.min.js" integrity="sha256-pw9GIEB9jGoek+S5xfa2Uz/8dZVjZsIYVJxy3jK3qgI=" crossorigin="anonymous"></script>
  37. <script type="text/javascript">
  38. lightGallery(document.getElementById('map-gallery'));
  39. </script>
  40. {% endblock %}