Add gallery/2014-colorado-aspens

_layouts/gallery-photo.html

@@ -15,10 +15,14 @@
         <ul style="margin-top:0;">
             {% if page.previous %}
                 <li><a href="{{ page.previous }}.html" rel="prev">&nbsp;&laquo;&nbsp;</a></li>
+            {% else %}
+                <li><span class="noanchor">&nbsp;&laquo;&nbsp;</span></li>
             {% endif %}
 
             {% if page.next %}
                 <li><a href="{{ page.next }}.html" rel="next">&nbsp;&raquo;&nbsp;</a></li>
+            {% else %}
+                <li><span class="noanchor">&nbsp;&raquo;&nbsp;</span></li>
             {% endif %}
         </ul>
         <h1>
@@ -28,14 +32,14 @@
     </header>
     <section class="post-content">
         <p style="text-align:center;">
-            <a href="{{ site.asset_prefix }}{{ page.url|replace:".html","~1280.jpg" }}"><img alt="Photo: {{ page.title }}" src="{{ site.asset_prefix }}{{ page.url|replace:".html","~640.jpg" }}" style="max-width:630px;" /></a>
+            <img alt="Photo: {{ page.title }}" src="{{ site.asset_prefix }}{{ page.url|replace:".html","~640w.jpg" }}" style="max-width:630px;" />
         </p>
 
         {{ content }}
     </section>
     <div class="meta">
         <div class="meta-properties">
-            <div style="float:left;width:359px;">
+            <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' }}
@@ -48,11 +52,21 @@
 
                     <dt>Exposure</dt>
                     <dd>{{ page.exif.exposure }}</dd>
+
+                    {% if page.sizes %}
+                        <dt>Sizes</dt>
+                        <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>
+                            {% endfor %}
+                        </dd>
+                    {% endif %}
                 </dl>
             </div>
 
             {% if page.location %}
-                <div style="float:left;line-height:0;width:280px;">
+                <div style="float:left;line-height:0;margin-left:7px;width:280px;">
                     <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 %}

gallery/2014-colorado-aspens/0b8c502-surrounded-by-aspens.md

@@ -0,0 +1,26 @@
+---
+date: '2014-09-27 12:15:17'
+exif:
+  aperture: f/2.4
+  exposure: 1/1106
+  make: Apple
+  model: 'iPhone 5'
+layout: gallery-photo
+location:
+  latitude: 39.608875
+  longitude: -105.94609667
+next: /gallery/2014-colorado-aspens/9e9e818-valley-of-aspens
+ordering: 3
+previous: /gallery/2014-colorado-aspens/3c21081-tall-aspens
+sizes:
+  1280:
+    height: 960
+    width: 1280
+  640w:
+    height: 480
+    width: 640
+  200x200:
+    height: 200
+    width: 200
+title: 'Surrounded by Aspens'
+---

gallery/2014-colorado-aspens/2dbeedb-aspens-invading.md

@@ -0,0 +1,25 @@
+---
+date: '2014-09-27 12:23:19'
+exif:
+  aperture: f/2.4
+  exposure: 1/2584
+  make: Apple
+  model: 'iPhone 5'
+layout: gallery-photo
+location:
+  latitude: 39.61043833
+  longitude: -105.95197167
+ordering: 6
+previous: /gallery/2014-colorado-aspens/79c5a71-through-the-aspens
+sizes:
+  1280:
+    height: 960
+    width: 1280
+  640w:
+    height: 480
+    width: 640
+  200x200:
+    height: 200
+    width: 200
+title: 'Aspens Invading'
+---

gallery/2014-colorado-aspens/3346d74-golden-aspens.md

@@ -0,0 +1,25 @@
+---
+date: '2014-09-27 11:46:18'
+exif:
+  aperture: f/2.4
+  exposure: 1/583
+  make: Apple
+  model: 'iPhone 5'
+layout: gallery-photo
+location:
+  latitude: 39.61172833
+  longitude: -105.95105
+next: /gallery/2014-colorado-aspens/6e859c1-aspens-are-turning
+ordering: 0
+sizes:
+  1280:
+    height: 960
+    width: 1280
+  640w:
+    height: 480
+    width: 640
+  200x200:
+    height: 200
+    width: 200
+title: 'Golden Aspens'
+---

gallery/2014-colorado-aspens/3c21081-tall-aspens.md

@@ -0,0 +1,26 @@
+---
+date: '2014-09-27 11:54:51'
+exif:
+  aperture: f/2.4
+  exposure: 1/237
+  make: Apple
+  model: 'iPhone 5'
+layout: gallery-photo
+location:
+  latitude: 39.61163667
+  longitude: -105.95157
+next: /gallery/2014-colorado-aspens/0b8c502-surrounded-by-aspens
+ordering: 2
+previous: /gallery/2014-colorado-aspens/6e859c1-aspens-are-turning
+sizes:
+  1280:
+    height: 1280
+    width: 960
+  640w:
+    height: 853
+    width: 640
+  200x200:
+    height: 200
+    width: 200
+title: 'Tall Aspens'
+---

gallery/2014-colorado-aspens/6e859c1-aspens-are-turning.md

@@ -0,0 +1,26 @@
+---
+date: '2014-09-27 11:52:35'
+exif:
+  aperture: f/2.4
+  exposure: 1/1642
+  make: Apple
+  model: 'iPhone 5'
+layout: gallery-photo
+location:
+  latitude: 39.61175833
+  longitude: -105.95075333
+next: /gallery/2014-colorado-aspens/3c21081-tall-aspens
+ordering: 1
+previous: /gallery/2014-colorado-aspens/3346d74-golden-aspens
+sizes:
+  1280:
+    height: 960
+    width: 1280
+  640w:
+    height: 480
+    width: 640
+  200x200:
+    height: 200
+    width: 200
+title: 'Aspens are Turning'
+---

gallery/2014-colorado-aspens/79c5a71-through-the-aspens.md

@@ -0,0 +1,26 @@
+---
+date: '2014-09-27 12:21:05'
+exif:
+  aperture: f/2.4
+  exposure: 1/2584
+  make: Apple
+  model: 'iPhone 5'
+layout: gallery-photo
+location:
+  latitude: 39.610845
+  longitude: -105.95208667
+next: /gallery/2014-colorado-aspens/2dbeedb-aspens-invading
+ordering: 5
+previous: /gallery/2014-colorado-aspens/9e9e818-valley-of-aspens
+sizes:
+  1280:
+    height: 1280
+    width: 960
+  640w:
+    height: 853
+    width: 640
+  200x200:
+    height: 200
+    width: 200
+title: 'Through the Aspens'
+---

gallery/2014-colorado-aspens/9e9e818-valley-of-aspens.md

@@ -0,0 +1,26 @@
+---
+date: '2014-09-27 12:17:35'
+exif:
+  aperture: f/2.4
+  exposure: 1/2710
+  make: Apple
+  model: 'iPhone 5'
+layout: gallery-photo
+location:
+  latitude: 39.61103833
+  longitude: -105.95203333
+next: /gallery/2014-colorado-aspens/79c5a71-through-the-aspens
+ordering: 4
+previous: /gallery/2014-colorado-aspens/0b8c502-surrounded-by-aspens
+sizes:
+  1280:
+    height: 1280
+    width: 960
+  640w:
+    height: 853
+    width: 640
+  200x200:
+    height: 200
+    width: 200
+title: 'Valley of Aspens'
+---

gallery/2014-colorado-aspens/index.html

@@ -0,0 +1,6 @@
+---
+layout: post
+title: Colorado Aspens
+---
+
+{% include gallery_list.html gallery='2014-colorado-aspens' %}

static/dev/style/default-common.css

@@ -81,6 +81,13 @@ header ul li a:hover {
     color: #FFFFFF;
 }
 
+header ul li .noanchor {
+    color: #CCCCCC;
+    display: block;
+    margin-left: 6px;
+    padding: 1px 5px 2px 5px;
+}
+
 .meta {
     color: #333333;
     font-size: 12px;