blog/_src/_layouts/post.html

---
layout: base
---

<article class="hentry format-post">
	<header>
		<h1 class="entry-title">{{ page.title }}</h1>
	</header>

    <section class="entry-content">
        {% if page.image %}
            <span class="teaser" data-picture data-alt="">
                <span data-src="/media/320/{{ post.image }}"></span>
                <span data-src="/media/640/{{ post.image }}"   data-media="(min-device-pixel-ratio: 1.5)"></span>
                <span data-src="/media/640/{{ post.image }}"   data-media="(min-width: 500px)"></span>
                <span data-src="/media/1280/{{ post.image }}"  data-media="(min-width: 640px) and (min-device-pixel-ratio: 2.0)"></span>

                <noscript>
                    <img src="/media/{{ post.image }}">
                </noscript>
            </span>
        {% endif %}
        
        {{ content }}
    </section>
    
    <footer class="entry-meta">
        <p class="category">
            {% for category in page.categories %}
                <a rel="category tag" href="" title="{{ category }}">{{ category }}</a>
            {% endfor %}
        </p>
		<p class="byline author vcard source-org"><span class="by">by</span> <a class="fn" rel="author" href="/about/">{{ page.author }}</a></p>
		<div class="time">
		    <p>{{ page.date | date_to_string }}</p>
		    {% if page.moddate %}
		    <p class="modtime">updated: {{ page.moddate | date_to_string }}</p>
		    {% endif %}
		</div>
    </footer>
</article>