{% extends 'base.html' %}
{%block htmlclass%}class="detail single"{% endblock %}
{% load typogrify_tags %}
{% load get_image_by_size %}
{% load html5_datetime %}
{% load pagination_tags %}
{% block pagetitle %} Photos | luxagraf {% endblock %}
{% block metadescription %} Recent Images {% endblock %}
{%block bodyid%}class="photos" id="notes-archive"{%endblock%}
{% block breadcrumbs %}{% include "lib/breadcrumbs.html" with breadcrumbs=breadcrumbs %}{% endblock %}			
{% block primary %}
    <main class="archive-wrapper">
    <div class="archive-intro">
            <h1>Photos</h1>
            <h3>I first picked up a camera in the late 1980s and started documenting trips into the mountains, inspired by <a href="https://en.wikipedia.org/wiki/Galen_Rowell">Galen Rowell</a>. These are ongoing projects, updated regularly.</h3>
            <hr />
            <h2>Join us. Subscribe to <em>Friends of a Long Year</em></h2>
            <iframe target='_parent' style="border:none; background:white; width:100%;" title="embedded form for subscribing the the Friends of a Long Year newsletter" onload="resizeIframe(this)" src="{% url 'lttr:subscribe' slug='friends' %}"></iframe> 
        </div>
        <ul class="photo-list">{% for object in object_list %}
            <li class="h-entry hentry" itemscope itemType="http://schema.org/BlogPosting">{% get_image_by_size object.featured_image 'featured_photo_essay' as featured %}
                <figure>
                    <a href="{{object.get_absolute_url}}">
                        <img src="{{featured}}" alt="{{object.featured_image.alt}} photographed by Scott Gilbertson">
                    </a>
                    <figcaption>
                        <h1 class="p-name" itemprop="headline">{{object.title|smartypants|safe}}</h1> 
                        <time class="dt-published published dt-updated card-smcaps" datetime="{{object.pub_date|date:'c'}}" itemprop="datePublished"> &nbsp;&ndash; Last update: {{object.last_updated|date:"F Y"}}</time>
                        <span class="hide" itemprop="author" itemscope itemtype="http://schema.org/Person">by <span class="p-author h-card" ><span itemprop="name">Scott Gilbertson</span></span></span>
                        {%if object.location %}<span class="p-location h-adr adr card-smcaps" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">(
                        {% if object.location.country_name == "United States" %}<span class="p-locality locality">{{object.location.name|smartypants|safe}}</span>, <a class="p-region region" href="/jrnl/united-states/" title="travel writing from the United States">{{object.location.state_name}}</a>, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location.name|smartypants|safe}}</span>, <a class="p-country-name country-name" href="/jrnl/{{object.location.country_slug}}/" title="travel writing from {{object.location.country_name}}">{{object.location.country_name}}</a>{%endif%}
                        )</span>{%endif%}
                    </figcaption>
                </figure>
                </a>
            </li>{%endfor%}
        </ul>
    </main>
{% endblock%}
{% block js %}

<script>
  function resizeIframe(obj) {
    obj.style.height = (obj.contentWindow.document.body.scrollHeight - 75) + 'px';
  }
</script>
{% endblock %}