54 lines
2.7 KiB
Plaintext
54 lines
2.7 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>{{ info['title'] }}</title>
|
|
<link rel="icon" href="../favicon.ico" />
|
|
</head>
|
|
<body>
|
|
<link rel="stylesheet" href="../style.css" />
|
|
<div id="galleryContainer" class="galleryContainer">
|
|
<div class="toolbar">
|
|
<button onclick="prevImage()">Previous</button>
|
|
<button onclick="imageNewTab()">Open Full Size</button>
|
|
<button onclick="delGallery()">Exit</button>
|
|
<button onclick="nextImage()">Next</button>
|
|
</div>
|
|
<img id="galleryImage" class="galleryImage">
|
|
</div>
|
|
<div class="mainBody">
|
|
<a class="indexlink" href="../">
|
|
Home
|
|
</a>
|
|
<div class="locationDisplay">
|
|
<span class="locationTitle">{{ info['title'] }}</span>
|
|
<span class="locationState">{{ info['state'] }}</span>
|
|
</div>
|
|
<div class="headerImageContainer">
|
|
<a target="_blank" href="{{ cover }}", onclick="javascript:enlargeImage('{{ cover }}');return false;">
|
|
<img id="headerImage" class="headerImage" src="/cover/cover_{{ cover }}">
|
|
</a>
|
|
</div>
|
|
<div class="postBody">
|
|
{{ markdown }}
|
|
</div>
|
|
<h3 class="photoCount">{{ count }} photos</h3>
|
|
<div class="allphotos">
|
|
{% for width, height, photo in photos %}
|
|
<a id="{{ photo }}" class="previewLink" onclick="javascript:enlargeImage('{{ photo }}');return false;" href="{{ photo }}" target="_blank">
|
|
<img width="{{ width }}" height="{{ height }}" id="{{ photo }}" class="preview" src="/thumbnail/thumbnail_{{ photo }}">
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
<p xmlns:cc="http://creativecommons.org/ns#" >This work is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a></p>
|
|
</div>
|
|
<script>
|
|
photos = JSON.parse('{{ photos_json }}');
|
|
</script>
|
|
<script src="/js/imgGallery.js"></script>
|
|
</body>
|
|
|
|
</html>
|