From ec958feac6aa8dd4860e9096cfe0e9e9b5da0190 Mon Sep 17 00:00:00 2001
From: Rik Veenboer <rik.veenboer@gmail.com>
Date: Sun, 6 Mar 2016 16:29:32 +0000
Subject: [PATCH] Fix map in photo page

---
 _data/gallery/2016-dublin-friday.yml   |  1 +
 _data/gallery/2016-dublin-saturday.yml |  1 +
 _data/gallery/2016-dublin-sunday.yml   |  1 +
 _layouts/gallery-photo.html            | 16 ++++++++--------
 static/style/default-common.css        |  7 +++++++
 5 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/_data/gallery/2016-dublin-friday.yml b/_data/gallery/2016-dublin-friday.yml
index c5d7355..a9c5969 100644
--- a/_data/gallery/2016-dublin-friday.yml
+++ b/_data/gallery/2016-dublin-friday.yml
@@ -1,5 +1,6 @@
 title: Dublin - Friday
 date: 2016-02-26
+highlight: c8e8e17
 map:
   latitude: 53.342753529412
   longitude: -6.2610924509804
diff --git a/_data/gallery/2016-dublin-saturday.yml b/_data/gallery/2016-dublin-saturday.yml
index 7378bdd..0ccede3 100644
--- a/_data/gallery/2016-dublin-saturday.yml
+++ b/_data/gallery/2016-dublin-saturday.yml
@@ -1,5 +1,6 @@
 title: Dublin - Saturday
 date: 2016-02-27
+highlight: bd35101
 map:
   latitude: 53.346456884058
   longitude: -6.2818048550725
diff --git a/_data/gallery/2016-dublin-sunday.yml b/_data/gallery/2016-dublin-sunday.yml
index dddee34..bb59b02 100644
--- a/_data/gallery/2016-dublin-sunday.yml
+++ b/_data/gallery/2016-dublin-sunday.yml
@@ -1,5 +1,6 @@
 title: Dublin - Sunday
 date: 2016-02-28
+highlight: 011f0d6
 map:
   latitude: 53.346554333333
   longitude: -6.2193251666667
diff --git a/_layouts/gallery-photo.html b/_layouts/gallery-photo.html
index 7e70934..8dc1465 100644
--- a/_layouts/gallery-photo.html
+++ b/_layouts/gallery-photo.html
@@ -10,8 +10,8 @@ layout: default
             {% if photo.date %}
                 <time datetime="{{ photo.date | date_to_xmlschema }}" title="{{ photo.date | date_to_xmlschema }}"><strong>{{ photo.date | date:"%b %d" | upcase }}</strong><br />{{ photo.date | date:"%Y" }}</time>
             {% endif %}
-            {% if photo.location %}
-                <a href="https://maps.google.com/maps?hl=en&amp;ll={{ photo.location.latitude }},{{ photo.location.longitude }}&amp;t=w&amp;z=12"><img alt="map" height="49" src="https://maps.googleapis.com/maps/api/staticmap?center={{ photo.location.latitude }},{{ photo.location.longitude }}&amp;zoom=9&amp;size=98x98&amp;sensor=false" title="{{ photo.location.title }}" width="49" /></a>
+            {% if photo.latitude %}
+                <a href="https://maps.google.com/maps?hl=en&amp;ll={{ photo.latitude }},{{ photo.longitude }}&amp;t=w&amp;z=12"><img alt="map" height="49" src="https://maps.googleapis.com/maps/api/staticmap?center={{ photo.latitude }},{{ photo.longitude }}&amp;zoom=9&amp;size=98x98&amp;sensor=false" title="{{ photo.title }}" width="49" /></a>
             {% endif %}
         </div>
         <section class="post-content">
@@ -52,7 +52,7 @@ layout: default
         {% else %}
             {% assign file='640w' %}
         {% endif %}
-        <p style="text-align:center;">
+        <p style="text-align: center;">
             <a href="{{ photo_url }}~{{ file }}.jpg"><img alt="Photo: {{ photo.title }}" src="{{ photo_url }}~{{ file }}.jpg" style="max-width:630px;" /></a>
         </p>
 
@@ -112,13 +112,13 @@ layout: default
                 </dl>
             </div>
 
-            {% if photo.location %}
-                <div style="float:left;line-height:0;margin-left:7px;width:280px;" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
+            {% if photo %}
+                <div class="map" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
                     <span itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
-                        <meta itemprop="latitude" content="{{ photo.location.latitude }}" />
-                        <meta itemprop="longitude" content="{{ photo.location.longitude }}" />
+                        <meta itemprop="latitude" content="{{ photo.latitude }}" />
+                        <meta itemprop="longitude" content="{{ photo.longitude }}" />
                     </span>
-                    <a href="https://maps.google.com/maps?hl=en&amp;ll={{ photo.location.latitude }},{{ photo.location.longitude }}&amp;t=w&amp;z=12"><img alt="map" height="173" src="https://maps.googleapis.com/maps/api/staticmap?center={{ photo.location.latitude }},{{ photo.location.longitude }}&amp;zoom=13&amp;size=280x173&amp;markers=size:mid%7Ccolor:orange%7C{{ photo.location.latitude }},{{ photo.location.longitude }}&amp;sensor=false" title="{{ photo.location.title }}" width="280" /></a>
+                    <a href="https://maps.google.com/maps?hl=en&amp;ll={{ photo.latitude }},{{ photo.longitude }}&amp;t=w&amp;z=12"><img alt="map" height="173" src="https://maps.googleapis.com/maps/api/staticmap?center={{ photo.latitude }},{{ photo.longitude }}&amp;zoom=13&amp;size=280x173&amp;markers=size:mid%7Ccolor:orange%7C{{ photo.latitude }},{{ photo.longitude }}&amp;sensor=false" title="{{ photo.title }}" width="280" /></a>
                 </div>
             {% endif %}
 
diff --git a/static/style/default-common.css b/static/style/default-common.css
index 4752211..926f245 100644
--- a/static/style/default-common.css
+++ b/static/style/default-common.css
@@ -418,6 +418,13 @@ blockquote {
     margin: 0 0 8px;
 }
 
+.map {
+    border: 1px solid #ddd;
+    padding: 4px;
+    margin: 0 auto;
+    width :280px;
+}
+
 .aligncenter {
     display: block;
     margin-left: auto;