|
|
@ -13,10 +13,10 @@ |
|
|
|
<li><a href="#">Continent Overview</a></li> |
|
|
|
<li><a href="#">Continent Full</a></li> |
|
|
|
</ul> |
|
|
|
<ul class="uk-switcher uk-margin" uk-lightbox> |
|
|
|
<li><a href="{{ url_for('static', filename='WorldMap.png') }}"><img src="{{ url_for('static', filename='WorldMap.png') }}"/></a></li> |
|
|
|
<li><div>1 hex = 96 miles</div><a href="{{ url_for('static', filename='PalismaWorld.png') }}"><img src="{{ url_for('static', filename='PalismaWorld.png') }}"/></a></li> |
|
|
|
<li><div>1 hex = 24 miles</div><a href="{{ url_for('static', filename='PalismaContinent.png') }}"><img src="{{ url_for('static', filename='PalismaContinent.png') }}"/></a></li> |
|
|
|
<ul class="uk-switcher uk-margin" id="map-gallery"> |
|
|
|
<li data-src="{{ url_for('static', filename='WorldMap.png') }}"><img src="{{ url_for('static', filename='WorldMap.png') }}"/></li> |
|
|
|
<li data-src="{{ url_for('static', filename='PalismaWorld.png') }}"><img src="{{ url_for('static', filename='PalismaWorld.png') }}"/></li> |
|
|
|
<li data-src="{{ url_for('static', filename='PalismaContinent.png') }}"><img src="{{ url_for('static', filename='PalismaContinent.png') }}"/></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
{% endblock %} |
|
|
@ -29,4 +29,16 @@ h1 strong { |
|
|
|
opacity: 0.65; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<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"> |
|
|
|
{% endblock %} |
|
|
|
|
|
|
|
{% block scripts %} |
|
|
|
<script src="https://cdn.jsdelivr.net/npm/lightgallery.js@1.4.0/dist/js/lightgallery.min.js" integrity="sha256-0Zhc9IDI5elFpwJZlvdAM4u/6qlxi4qIOUlHDVl5wjU=" crossorigin="anonymous"></script> |
|
|
|
<script src="https://cdn.jsdelivr.net/npm/lg-thumbnail.js@1.2.0/dist/lg-thumbnail.min.js" integrity="sha256-h70L9O3prxviKHrPHwrId33HakkgnURiB1KBHDyZOJc=" crossorigin="anonymous"></script> |
|
|
|
<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> |
|
|
|
<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> |
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
lightGallery(document.getElementById('map-gallery')); |
|
|
|
</script> |
|
|
|
{% endblock %} |