added h-entry u-photo to notes template

4 files changed, 5 insertions, 4 deletions

diff --git a/design/sass/_archives.scss b/design/sass/_archives.scss
index 166d9c5..db232ee 100644
--- a/design/sass/_archives.scss
+++ b/design/sass/_archives.scss
@@ -411,12 +411,13 @@
         margin-top: 4px;
     }
     h3.p-summary {
+        @include fontsize(22);
+        font-weight: 300;
         font-family: $headline_font_serif;
         font-style: italic;
         margin-top: .25rem;
         margin-bottom: .25rem;
         line-height: 1.2;
-        @include fontsize(22);
     }
     .post-location {
         margin: .5rem 0 0 0;
diff --git a/design/templates/base.html b/design/templates/base.html
index 451d568..214b88d 100644
--- a/design/templates/base.html
+++ b/design/templates/base.html
@@ -33,11 +33,11 @@
                 <ul>
                     <li><a href="/jrnl/" title="What I've been up to lately">Jrnl</a></li>
                     <li><a href="/essays/" title="longer essays and posts about non-travel related things">Essays</a></li>
+                    <li><a href="/field-notes/" title="Shorter posts">Notes</a></li>
                     <li><a href="/newsletter/" title="The 'friends of a long year' newsletter">Lttr</a></li>
                     <!--<li id="guide"><a href="/guides/" title="">Guides</a></li>-->
                     <li><a href="/src/" title="The indie web is awesome, learn how to built it">Src</a></li>
                     <li><a href="/about" title="About Scott">About</a></li>
-                    <li><a href="/projects/" title="the less visible portions of the iceberg">More</a></li>
                 </ul>
             </nav>
         </header>
diff --git a/design/templates/fieldnotes/fieldnote_list.html b/design/templates/fieldnotes/fieldnote_list.html
index 5c9c808..089c694 100644
--- a/design/templates/fieldnotes/fieldnote_list.html
+++ b/design/templates/fieldnotes/fieldnote_list.html
@@ -14,7 +14,7 @@
     <main role="main" id="essay-archive" class="essay-archive archive-list">
         <div class="essay-intro">
             <h2>Field Notes</h2>
-            <p>Quick notes, sketches and images from the road. This is the semi-orgnized brain dump that comes before the more organized <a href="/jrnl/" title="read the journal">journal entries</a> and <a href="/essays/" title="read essays">essays</a>. If I used social media this is the stuff I'd probably put there, but I prefer to put it here, even if it means a lot few people read it.</p>
+            <p>Quick notes, sketches and images from the road. This is the semi-orgnized brain dump that comes before the more organized <a href="/jrnl/" title="read the journal">journal entries</a> and <a href="/essays/" title="read essays">essays</a>. If I used social media this is the stuff I'd probably put there, but I prefer to put it here, even if it means a lot fewer people read it.</p>
         </div>
          {% autopaginate object_list 30 %}
         <ul class="fancy-archive-list">{% for object in object_list %}{% if object.slug != 'about' %}
diff --git a/design/templates/lib/img_picwide.html b/design/templates/lib/img_picwide.html
index 5e78c72..3709e37 100644
--- a/design/templates/lib/img_picwide.html
+++ b/design/templates/lib/img_picwide.html
@@ -2,7 +2,7 @@
 {% if caption or exif or image.photo_credit_source %}
 <figure{%if not is_cluster %} class="picwide"{%endif%}>{%else%}{%if not is_cluster %}<div class="picwide">{%endif%}{%endif%}
         <a itemscope itemtype="http://schema.org/ImageObject" href="{%get_image_by_size image "original"%} " title="view larger image">
-            <img itemprop="contentUrl" sizes="(max-width: 1439px) 100vw, (min-width: 1440px) 1440px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.name %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}{% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.name%}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}" data-jslghtbx="{%get_image_by_size image "original"%}" data-jslghtbx-group="group" {% if caption%}data-jslghtbx-caption="{{image.caption}}"{%endif%}>
+            <img class="u-photo" itemprop="contentUrl" sizes="(max-width: 1439px) 100vw, (min-width: 1440px) 1440px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.name %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}{% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.name%}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}" data-jslghtbx="{%get_image_by_size image "original"%}" data-jslghtbx-group="group" {% if caption%}data-jslghtbx-caption="{{image.caption}}"{%endif%}>
         </a>
 {% if caption or exif or image.photo_credit_source %}<figcaption>{% endif %}{% if caption %}{{image.caption|safe}}{% endif %}{% if exif %} | <small>Camera: {{image.exif_make}} {{image.exif_model}} with {{image.exif_lens}}</small>{% endif %}{% if image.photo_credit_source %}{%if caption or exif %} | {%endif%}image by {% if image.photo_credit_url %}<a href="{{image.photo_credit_url}}" itemprop="author">{%endif%}{{image.photo_credit_source}}{% if image.photo_credit_url %}</a>{%endif%}{%endif%}{% if caption or exif or image.photo_credit_source %}</figcaption>
 </figure>{%else%}{%if not is_cluster %}</div>{%endif%}