fixed notes to be like an instagram for the web also tweaked styles for

picwide captions and added support for show camera make, model and lens

3 files changed, 27 insertions, 3 deletions

diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index 7e84f1f..27f731f 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -112,6 +112,15 @@ h1 {
     @include fontsize(11);
 }
 
+.subhead {
+    font-style: italic;
+    font-weight: 400;
+    margin-top: 0;
+    @include constrain_narrow;
+    @include breakpoint(beta) {
+        text-align: left;
+    }
+}
 .mailing-list--wrapper {
     @include constrain_narrow;
     @include breakpoint(gamma) {
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
index 1a6d35d..1357668 100644
--- a/design/sass/_notes.scss
+++ b/design/sass/_notes.scss
@@ -12,7 +12,6 @@
         }
     }
 }
-
 .notes .h-entry {
     @extend %clearfix;
     border: none;
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index c34f0c3..c94fcaf 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -27,7 +27,7 @@
     @include smcaps;
     @include fontsize(11);
 }
-.post--article {
+.post--article, .notes .h-entry {
     h2, h3 {
         @include constrain_narrow;
         font-family: Helvetica Neue, Helvetica, sans-serif;
@@ -236,7 +236,7 @@ margin-left: auto;
 margin-right: auto;
 display: block;
 }
-.picwide {
+img.picwide {
     clear: both;
     margin: 1em 0;
     @include breakpoint(gamma) {
@@ -250,6 +250,22 @@ display: block;
         max-width: 1170px;
     }
 }
+.picwide figcaption {
+    margin-bottom: 2em;
+    border-bottom: 1px solid #eae6e6;
+    padding-bottom: .5em;
+    @include breakpoint(gamma) {
+    margin-left: -140px;
+    width: 960px;
+    max-width: 960px;
+    }
+    @include breakpoint(delta) {
+        margin-left: -245px;
+        margin-top: -10px;
+        width: 1170px;
+        max-width: 1170px;
+    }
+}
 .picwide960 {
     clear: both;
     margin: 1em 0;