Add author info to art direct type

_assets/stylesheets/_layout/_header.scss

@@ -50,7 +50,7 @@
   flex: 1;
   order: 1;
   @media #{$small-only} {
-    background: $jazz-color;
+    background-color: $jazz-color;
     padding: .8rem 0;
   }
   @media #{$medium-up} {

_assets/stylesheets/_layout/_maincontent.scss

@@ -169,12 +169,20 @@
 
 .meta__author {
   .post__meta & {
-    color: lighten($dark-color, 5%);
     font-size: .85rem;
     @media #{$medium-up} {
       font-size: .75rem;
     }
   }
+  .post__header & {
+    margin-right: .3rem;
+    &:after {
+      content: '//';
+      display: inline-block;
+      margin-left: .5rem;
+      color: lighten($dark-color, 45%);
+    }
+  }
 }
 
 .post__author {

_assets/stylesheets/_redbat/_type.scss

@@ -275,12 +275,14 @@ a {
     border-bottom: 1px solid;
     color: lighten($link-color, 10%);
     .site__header &,
-    &.link__icon {
+    &.link__icon,
+    &.footer__logo {
       border-bottom: 0;
     }
   }
   .site__header &,
-  &.link__icon {
+  &.link__icon,
+  &.footer__logo {
     border-bottom: 0;
   }
 }

_assets/stylesheets/editor-style.css.scss

@@ -145,6 +145,9 @@ body {
   small {
     color: darken($primary-color, 30%);
   }
+  .icon {
+    fill: darken($primary-color, 30%);
+  }
 }
 
 .footer__logo {

_assets/stylesheets/on-inspiration.css.scss

@@ -4,29 +4,10 @@ $primary-color: #022A41;
 $secondary-color: #CCA874;
 $jazz-color: #E4097F;
 
-body {
-  &:before {
-    background: $primary-color;
-    content: '';
-    display: block;
-    height: 400px;
-    position: absolute;
-    width: 100%;
-    @media #{$xlarge-up} {
-      height: 600px;
-    }
-    @media #{$xxlarge-up} {
-      height: 816px;
-    }
-  }
-}
-
-
 .site__header {
+  background-color: $primary-color;
   border-color: rgba(white, .15);
   margin-bottom: 0;
-  position: relative;
-  z-index: 1;
   a {
     color: $secondary-color;
     &:hover {
@@ -45,60 +26,31 @@ body {
   }
 }
 
-.site__author {
-  color: rgba(white, .45);
+.site__navigation {
+  @media #{$small-only} {
+    background-color: darken($primary-color, 3%);
+  }
 }
 
-.site__search-form {
-  input {
-    background: rgba(white, .1);
-    border: 0;
-    color: white;
-  }
-  // Webkit Placeholder
-  ::-webkit-input-placeholder {
-    color: rgba(white, .6);
-    transition: all .2s ease;
-  }
-  input:focus::-webkit-input-placeholder {
-    color: white;
-  }
-  // Firefox 18
-  :-moz-placeholder {
-    /* Firefox 18- */
-    color: rgba(white, .6);
-    transition: all .2s ease;
-  }
-  input:focus:-moz-placeholder {
-    color: white;
-  }
-  // Firefox 19
-  ::-moz-placeholder {
-    /* Firefox 19+ */
-    color: rgba(white, .6);
-    transition: all .2s ease;
-  }
-  input:focus::-moz-placeholder {
-    color: white;
-  }
+.site__author {
+  background: red;
+  border: 1px solid red;
+  color: rgba(white, .45);
+  width: 400px;
 }
 
 .post__header {
-  margin-bottom: 5rem;
+  background-color: $primary-color;
+  margin-bottom: 1.5rem;
   padding: 1.2rem;
-  position: relative;
   width: 100%;
-  z-index: 1;
   @media #{$large-up} {
+    margin-bottom: 3rem;
     padding: 2.5rem;
   }
-  .post__meta {
-    color: rgba(white, .4);
-    text-align: right;
-  }
 }
 
-.format-post h1 {
+.post__title {
   color: $secondary-color;
   font-size: 20vw;
   line-height: 60%;
@@ -122,27 +74,78 @@ body {
   }
 }
 
-.format-post .post__entry > p {
+.type-post .post__entry > p {
   margin-bottom: 0;
   text-indent: 1.5rem;
   &:first-child {
     margin-bottom: 0;
     text-indent: 0;
     &:first-letter {
-      color: #E4097F;
+      color: $jazz-color;
       float: left;
-      font-size: 8rem;
+      font-size: 4.7rem;
       font-weight: 600;
-      margin: rem-calc(30px) rem-calc(10px) rem-calc(10px) 0;
+      line-height: 1;
+      margin: 0 .7rem .3rem 0;
     }
   }
 }
 
 .post__closer {
+  align-items: flex-start;
+  display: flex;
+  margin: 0;
+  width: auto;
+  .svg-icon {
+    margin: 6rem auto 0;
+    width: 50px;
+  }
   @media #{$medium-up} {
-    margin: 6rem 0 0 35%;
+    max-width: 768px;
+  }
+  @media #{$large-up} {
+    max-width: 1000px;
   }
   @media #{$xxlarge-up} {
-    margin: 6rem auto 0;
+    max-width: none;
+  }
+}
+
+.post__footer {
+  @media #{$medium-up} {
+    max-width: 768px;
+  }
+  @media #{$large-up} {
+    max-width: 1000px;
+  }
+  @media #{$xxlarge-up} {
+    max-width: none;
+  }
+}
+
+.site__footer {
+  background-color: $primary-color;
+  .footer__logo {
+    .bold__second {
+      fill: $jazz-color;
+    }
+  }
+  a {
+    color: lighten($primary-color, 20%);
+    &:hover,
+    &:focus {
+      color: $jazz-color;
+    }
+  }
+  .icon {
+    fill: $jazz-color;
+  }
+}
+
+.button--primary {
+  background: $jazz-color;
+  &:hover,
+  &:focus {
+    background: darken($jazz-color, 5%);
   }
 }

_assets/stylesheets/ulysses-give-up.css.scss

@@ -58,7 +58,8 @@ $secondary-text-color: lighten($primary-color, 40%);
 
 a {
   color: $secondary-text-color;
-  &:hover {
+  &:hover,
+  &:focus {
     color: $secondary-color;
   }
 }
@@ -84,8 +85,13 @@ a {
   }
 }
 
+.post__title {
+  font-size: 3rem;
+}
+
 .post__lead {
   color: $text-color;
+  font-size: 2rem;
   font-weight: 300;
 }
 
@@ -136,6 +142,9 @@ a {
 .site__footer {
   background: darken($primary-color, 10%);
   margin-top: 0;
+  .icon {
+    fill: $secondary-color;
+  }
 }
 
 .button--primary {

_includes/small-author.html

@@ -1,7 +1,7 @@
 {% if page.date %}
   {% assign author = site.data.authors[page.author] %}
-  <li class="meta__author"><a href="/authors/{{ author.author_path }}">{{ author.display_name }}</a> &middot; </li>
+  <li class="meta__author"><a href="/authors/{{ author.author_path }}" title="{{ page.title }} written by {{ author.display_name }}">{{ author.display_name }}</a></li>
 {% else %}
   {% assign author = site.data.authors[post.author] %}
-  <li class="meta__author"><a href="/authors/{{ author.author_path }}">{{ author.display_name }}</a> &middot; </li>
+  <li class="meta__author"><a href="/authors/{{ author.author_path }}" title="{{ page.title }} written by {{ author.display_name }}">{{ author.display_name }}</a></li>
 {% endif %}

_layouts/custom-post.html

@@ -29,9 +29,8 @@ <h2 class="post__lead">{{ page.lead | smartify }}</h2><!-- /.subheader -->
       <footer class="post__footer">
         <div class="container">
           <ul class="post__meta">
-            <li><small><span class="pubdate"><time datetime="{{ page.date | date_to_xmlschema }}">{% assign d = page.date | date: "%-d"  %}{{ page.date | date: "%B" }}
-          {% case d %}{% when '1' or '21' or '31' %}{{ d }}st{% when '2' or '22' %}{{ d }}nd{% when '3' or '23' %}{{ d }}rd{% else %}{{ d }}th{% endcase %},
-          {{ page.date | date: "%Y" }}</time></span></small></li>
+            {% include small-author.html %}
+            {% include date.html %}
             {% include tags.html %}
           </ul>
         </div><!-- /.container -->

_posts/2016-02-10-on-inspiration.md

@@ -5,6 +5,7 @@ categories: articles
 custom_type: post
 custom_css: on-inspiration
 date: '2016-02-11 08:30:00'
+tags: [Philosophy, Work]
 ---
 
 What inspires you? I've been asked that question many times. Either by fellow creatives, in job interviews and here. I've never been able to give an answer I'm content with. However, I feel like this might be the perfect place to explore what my answer should be.