<!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?1" />
</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 great 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 looking at these photos as much as I enjoyed
taking them. If you ever see a ranger, thank them for what they do!
</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'] }} [{{ metadata[placename]['count'] }}]</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="placeTitle">{{ info["title"] }}</span>
<br>
<span class="placeState">{{ info["state"] }}</span>
</div>
<div class="mainImgContainerBottom">
<span class="indexPhotoCount">View {{ photo_counts[placename] }} photos</span>
</div>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</body>
</html>