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.

92 lines
3.2 KiB

  1. {% extends "base.html" %}
  2. {% set active_page = "quest_detail" %}
  3. {% block title %}ACKS Quest Detail{% 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>Legends of Palisma</strong>Quest Detail</h1>
  7. </div>
  8. {% if quest %}
  9. <div class="uk-container uk-container-small">
  10. <div class="uk-text-center uk-margin-large">
  11. <h1 class="uk-heading-xlarge">{{ quest['name'] }}</h1>
  12. </div>
  13. <div class="uk-flex uk-flex-center uk-margin-large-bottom">
  14. <a href="{{ quest['info']['url'] }}" class="uk-button uk-button-default" target="_blank">Info Window</a>
  15. {% if quest['tsv'] %}
  16. <a href="{{ quest['tsv']['url'] }}" class="uk-button uk-button-default">TSV File</a>
  17. {% endif %}
  18. <a href="{{ url_for('quest_manager.quest_download', level=quest['download'][0], quest_name=quest['download'][1]) }}" class="uk-button uk-button-default" target="_blank">Download</a>
  19. </div>
  20. {% if quest['coords'] %}
  21. <div class="uk-text-center uk-margin-small">
  22. <div><strong>Coordinates:</strong></div>
  23. <div>{{ quest['coords'] }}</div>
  24. </div>
  25. {% endif %}
  26. <ul uk-accordion="multiple: true">
  27. <li class="uk-open">
  28. <a class="uk-accordion-title" href="#">Assets</a>
  29. <div class="uk-accordion-content">
  30. <h3 class="uk-text-center">Quest Assets</h3>
  31. <div uk-slideshow="animation: push">
  32. <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
  33. <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
  34. <ul class="uk-slideshow-items" uk-lightbox>
  35. {% for a in quest['assets'] %}
  36. <li>
  37. <a href="{{ a['url'] }}"><img src="{{ a['url'] }}" alt="" width="800" uk-cover></a>
  38. <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-text-center uk-transition-slide-bottom">
  39. <h3 class="uk-margin-remove">{{ a['display'] }}</h3>
  40. </div>
  41. </li>
  42. {% endfor %}
  43. </ul>
  44. </div>
  45. <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
  46. </div>
  47. </div>
  48. </li>
  49. <li class="uk-open">
  50. <a class="uk-accordion-title" href="#">Information</a>
  51. <div class="uk-accordion-content">
  52. <h3 class="uk-text-center">Quest Info</h3>
  53. <div id="frame-container">
  54. <iframe id="quest-frame" src="{{ quest['info']['url'] }}"></iframe>
  55. </div>
  56. </div>
  57. </li>
  58. </ul>
  59. </div>
  60. {% endif %}
  61. {% endblock %}
  62. {% block head %}
  63. <style>
  64. #asset-view img {
  65. max-width: 300px;
  66. max-height: 500px;
  67. }
  68. #frame-container {
  69. display: flex;
  70. width: 100%;
  71. height: 85vh;
  72. flex-direction: column:
  73. }
  74. #quest-frame {
  75. flex-grow: 1;
  76. border: none;
  77. margin: 0;
  78. padding: 0;
  79. }
  80. h1 strong {
  81. display: block;
  82. font-size: 50%;
  83. opacity: 0.65;
  84. }
  85. </style>
  86. <script>
  87. </script>
  88. {% endblock %}