rik/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Schema tweaks

Browse Source
This commit is contained in:
Danny Berger
2014-12-05 21:38:34 -07:00
parent 2488ed3c5d
commit e3945ab16b
7 changed files with 47 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/gallery_list.html
View File

@@ -1,4 +1,4 @@
<div class="list-gallery">
{% capture path %}gallery/{{ include.gallery }}{% endcapture %}
{% loopdir path:path match:"*.md" sort:"ordering" %}<a href="/{{ item.fullname }}.html"><img alt="Photo: {{ item.title }}" height="200" src="{{ site.asset_prefix }}/{{ item.fullname }}~200x200.jpg" title="{{ item.title }}" width="200" /></a>{% endloopdir %}
{% loopdir path:path match:"*.md" sort:"ordering" %}<span itemprop="image" itemscope itemtype="http://schema.org/Photograph"><a href="/{{ item.fullname }}.html" itemprop="url"><img alt="Photo: {{ item.title }}" height="200" src="{{ site.asset_prefix }}/{{ item.fullname }}~200x200.jpg" title="{{ item.title }}" width="200" /></a></span>{% endloopdir %}
</div>

2
_includes/gallery_list640w.html
View File

@@ -1,2 +1,2 @@
{% capture path %}gallery/{{ include.gallery }}{% endcapture %}
{% loopdir path:path match:"*.md" sort:"ordering" %}<a href="/{{ item.fullname }}.html"><img alt="Photo: {{ item.title }}" src="{{ site.asset_prefix }}/{{ item.fullname }}~640w.jpg" title="{{ item.title }}" width="640" /></a>{% endloopdir %}
{% loopdir path:path match:"*.md" sort:"ordering" %}<span itemprop="image" itemscope itemtype="http://schema.org/Photograph"><a href="/{{ item.fullname }}.html" itemprop="url"><img alt="Photo: {{ item.title }}" src="{{ site.asset_prefix }}/{{ item.fullname }}~640w.jpg" title="{{ item.title }}" width="640" /></a></span>{% endloopdir %}

13
_layouts/gallery-list.html Normal file
View File

@@ -0,0 +1,13 @@
{% include header.html %}
<section itemscope itemtype="http://schema.org/ImageGallery">
<header>
<div class="timeline"></div>
<h1>
<span itemprop="name">{{ page.title }}</span>
</h1>
</header>
<section class="post-content">
{{ content }}
</section>
</section>
{% include footer.html %}

28
_layouts/gallery-photo.html
View File

@@ -1,5 +1,5 @@
{% include header.html %}
<section>
<section itemscope itemtype="http://schema.org/Photograph">
<header>
<div class="timeline">
{% if page.date %}
@@ -26,8 +26,10 @@
{% endif %}
</ul>
<h1>
{{ page.title }}
<small class="print-only">{{ page.date|date:'%A, %B %d, %Y' }}</small>
<span itemprop="name">{{ page.title }}</span>
{% if page.date %}
<small class="print-only">{{ page.date|date:'%A, %B %d, %Y' }}</small>
{% endif %}
</h1>
</header>
<section class="post-content">
@@ -35,14 +37,18 @@
<img alt="Photo: {{ page.title }}" src="{{ site.asset_prefix }}{{ page.url|replace:".html","~640w.jpg" }}" style="max-width:630px;" />
</p>
{{ content }}
{% if content %}
<div itemprop="description">
{{ content }}
</div>
{% endif %}
</section>
<div class="meta">
<div class="meta-properties">
<div style="float:left;width:352px;">
<dl style="margin-top:0;">
<dt>Date</dt>
<dd>{{ page.date|date:'%A, %B %d at %I:%M %p'|replace:' 0',' '|replace:' AM',' am'|replace:' PM',' pm' }}
<dd itemprop="dateCreated" content="{{ page.date|date:'%FT%TZ' }}">{{ page.date|date:'%A, %B %d at %I:%M %p'|replace:' 0',' '|replace:' AM',' am'|replace:' PM',' pm' }}
<dt>Camera</dt>
<dd>{{ page.exif.make }} {{ page.exif.model }}
@@ -58,7 +64,11 @@
<dd>
{% for size in page.sizes %}
{% if 0 < forloop.index0 %}&nbsp;&middot;&nbsp;{% endif %}
<a href="{{ site.asset_prefix }}{{ page.url|replace:".html","" }}~{{ size[0] }}.jpg">{{ size[1].width }}x{{size[1].height }}</a>
<span itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<meta itemprop="height" content="{{ size[1].height }}" />
<meta itemprop="width" content="{{ size[1].width }}" />
<a href="{{ site.asset_prefix }}{{ page.url|replace:".html","" }}~{{ size[0] }}.jpg" itemprop="contentUrl">{{ size[1].width }}x{{size[1].height }}</a>
</span>
{% endfor %}
</dd>
{% endif %}
@@ -66,7 +76,11 @@
</div>
{% if page.location %}
<div style="float:left;line-height:0;margin-left:7px;width:280px;">
<div style="float:left;line-height:0;margin-left:7px;width:280px;" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
<span itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
<meta itemprop="latitude" content="{{ page.location.latitude }}" />
<meta itemprop="longitude" content="{{ page.location.longitude }}" />
</span>
<a href="https://maps.google.com/maps?hl=en&amp;ll={{ page.location.latitude }},{{ page.location.longitude }}&amp;t=w&amp;z=12"><img alt="map" height="173" src="https://maps.googleapis.com/maps/api/staticmap?center={{ page.location.latitude }},{{ page.location.longitude }}&amp;zoom=13&amp;size=280x173&amp;markers=size:mid%7Ccolor:orange%7C{{ page.location.latitude }},{{ page.location.longitude }}&amp;sensor=false" title="{{ page.location.title }}" width="280" /></a>
</div>
{% endif %}

8
_layouts/post.html
View File

@@ -1,5 +1,5 @@
{% include header.html %}
<section>
<section itemscope itemtype="http://schema.org/BlogPosting">
<header>
<div class="timeline">
{% if page.date %}
@@ -16,11 +16,11 @@
</div>
<h1>
{{ page.title }}
<small class="print-only">{{ page.date|date:'%A, %B %d, %Y' }}</small>
<span itemprop="name">{{ page.title }}</span>
<small class="print-only" itemprop="datePublished" content="{{ page.date|date:'%F') }}">{{ page.date|date:'%A, %B %d, %Y' }}</small>
</h1>
</header>
<section class="post-content">
<section class="post-content" itemprop="articleBody">
{{ content }}
</section>
<div class="meta">

2
gallery/2014-colorado-aspens/index.html
View File

@@ -1,5 +1,5 @@
---
layout: post
layout: gallery-list
title: Colorado Aspens
---

10
gallery/2014-london-iceland-trip/index.html
View File

@@ -1,10 +1,12 @@
---
layout: post
layout: gallery-list
title : London &amp; Iceland Trip
---
<p>
Some photos from my trip to London and Iceland. See them <a href="map.html">on a map</a>, too.
</p>
<div itemprop="description">
<p>
Some photos from my trip to London and Iceland. See them <a href="map.html">on a map</a>, too.
</p>
</div>
{% include gallery_list.html gallery='2014-london-iceland-trip' %}