70 lines
3.3 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>nebula's photoblog</title>
<link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="mainHeader">
<p class="title">
i take pictures
</p>
</div>
<div class="mainBody">
<div class="postBody">
<p>
<h1>Exploring America the Beautiful</h1>
This is an extensive collection of photos I have taken while traveling
across the United States. I have spent countless hours dedicated to
enjoying and capturing the natural wonders that surround us. These
photos and trips were made possible by the extensive efforts of
individuals across our nation, including people from state parks,
Bureau of Land Management, United States Forest Service, National Parks
Service, and more. I hope you enjoy these photos as much as I enjoyed
taking them.
</p>
<h3>A collection of {{ total_count }} photos in {{ album_count }} albums.</h3>
<details class="toc">
<summary class="tocText">Table of Contents</summary>
{% for placename, info in metadata.items() %}
<div class="tocEntry">
<a class="tocLink" href="/{{ placename }}/">{{ info['title'] }}, {{ info['state'] }} [{{ info["count"] }}]</a>
</div>
{% endfor %}
</details>
<details class="toc">
<summary class="tocText">Albums With Stories</summary>
{% for placename in posts %}
<div class="tocEntry">
<a class="tocLink" href="/{{ placename }}">{{ metadata[placename]['title'] }}, {{ metadata[placename]['state'] }}</a>
</div>
{% endfor %}
</details>
<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>
<br>
<div class="photolinks">
{% for placename, info in metadata.items() %}
<div class="photolink">
<a href="/{{ placename }}/">
<div class="mainImgContainer">
<img class="preview" src="cover/cover_{{ info['cover'] }}">
<div class="mainImgContainerTop">
<span class="placeLink">{{ info["title"] }}</span>
</div>
<div class="mainImgContainerBottom">
<span class="indexPhotoCount">View {{ photo_counts[placename] }} photos</span>
</div>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</body>
</html>