4 files changed, 62 insertions, 15 deletions
diff --git a/design/templates/archives/projects.html b/design/templates/archives/projects.html
index 62cca22..5918feb 100644
--- a/design/templates/archives/projects.html
+++ b/design/templates/archives/projects.html
@@ -18,7 +18,7 @@
         <li>
             <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h1>
             <div class="img">
-                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" /></a>
+                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img sizes="(max-width: 640px) 100vw, (min-width: 641px) 640px" srcset="{{object.get_project_image|slice:"0:-4"}}_lg.jpg 1280w" src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" /></a>
             </div>
             <div class="hyphenate">{{object.lede|safe|smartypants}}</div>
             <p class="projects--button"><a href="{{object.get_absolute_url}}">Explore&nbsp;&#8674;</a></p>
diff --git a/design/templates/base.html b/design/templates/base.html
index a7a492c..c0a5ca8 100644
--- a/design/templates/base.html
+++ b/design/templates/base.html
@@ -38,11 +38,11 @@
         <nav role="navigation" class="bl">
             <ul>
                 <li id="laverdad"><a href="/jrnl/" title="What we've been up to lately">Journal</a></li>
-                <li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li>
-                <li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>
+                <!--<li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li>
+                <li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>i-->
                 <li id="maps"><a href="/map" title="Maps">Map</a></li>
                 <li id="about"><a href="/about" title="About Luxagraf">About</a></li>
-                <li id="etc" class="last"><a href="/projects/" title="the less visible portions of the iceberg">Etc</a></li>
+                <li id="etc" class="last"><a href="/projects/" title="the less visible portions of the iceberg">More</a></li>
             </ul>
         </nav>
     </div>
diff --git a/design/templates/details/entry.html b/design/templates/details/entry.html
index a2b6873..3762b48 100644
--- a/design/templates/details/entry.html
+++ b/design/templates/details/entry.html
@@ -85,17 +85,6 @@ class="{%if t == 1 or t == 3 or t == 5 %}double{%else%}single{%endif%}{%if t ==
 {%endif%}
 {% endblock %}
 {% block js %}
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<defs>
-<symbol id="icon-external" viewBox="0 0 12 12">
-<title>external</title>
-<path fill="#FFF" stroke="#fff" stroke-width="10" d="m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z"/>
-</svg>
-<!--Fallback -->
-  external
-</symbol>
-</defs>
-</svg>
 <script src="/media/js/lightbox.js" type="text/javascript"></script>
 <script>
 var opts= {
diff --git a/design/templates/details/for-sale-412-holman-ave.html b/design/templates/details/for-sale-412-holman-ave.html
new file mode 100644
index 0000000..5d1a2a7
--- /dev/null
+++ b/design/templates/details/for-sale-412-holman-ave.html
@@ -0,0 +1,58 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% block pagetitle %}Luxagraf | {{object.title}}{% endblock %}
+{% block metadescription %}{{object.meta_description}}{% endblock %}
+{%block htmlclass%}class="single house"{%endblock%}
+{%block bodyid%}id="{{object.title|lower}}"{%endblock%}								
+{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+        <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
+        <li>{{object.title}}</li>
+    </ul>
+    <main>
+    <article class="h-entry hentry post--article" itemscope="" itemtype="http://schema.org/Article">
+        <h1 class="">For Sale: 412 Holman Ave, Athens, GA</h1>
+        {{object.body_html|safe|smartypants|widont}}
+    </article>
+    </main>
+{% endblock %}
+{% block js %}
+<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDwtF_4OvkTKl058VEHrwezMJS2gYXNys4&callback=initMap" type="text/javascript"></script>
+<script type="text/javascript">
+function initMap(){
+    var myOptions = {
+        zoom:17,
+        center:new google.maps.LatLng(33.957897,-83.40810199999999),
+        mapTypeId: google.maps.MapTypeId.ROADMAP
+    };
+    map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
+    marker = new google.maps.Marker({
+        map: map,position: new google.maps.LatLng(33.957897, -83.40810199999999)
+    });
+    infowindow = new google.maps.InfoWindow({content:"<b>For Sale</b><br/>412 Holman Ave<br/>30606 Athens" });
+    google.maps.event.addListener(marker, "click", function(){
+        infowindow.open(map,marker);
+    });
+    infowindow.open(map,marker);
+}
+google.maps.event.addDomListener(window, 'load', init_map);
+</script>
+<script src="/media/js/lightbox.js" type="text/javascript"></script>
+<script>
+var opts= {
+    //nextOnClick: false,
+    captions: true,
+    onload: function(){
+        var im = document.getElementById("jslghtbx-contentwrapper");
+        var link = im.appendChild(document.createElement('a'))
+        link.href = im.firstChild.src;
+        link.innerHTML= "open ";
+        link.target = "_blank";
+        link.setAttribute('class', 'p-link');
+        im.appendChild(link);
+    }
+}; 
+var lightbox = new Lightbox();
+lightbox.load(opts);
+</script> 
+
+{% endblock %}