Updaed date format, spacing, etc

Author: curiositry

assets/css/screen.css

@@ -90,7 +90,7 @@ Github ........ https://github.com/typeplate/bower
 AUTHORS ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
 LICENSE ....... Creative Commmons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0)
 LICENSE URL ... https://github.com/typeplate/bower/blob/master/license.txt
-*/@font-face{font-family:Ampersand;src:local("Georgia"),local("Garamond"),local("Palatino"),local("Book Antiqua");unicode-range:U+0026}@font-face{font-family:Ampersand;src:local("Georgia");unicode-range:U+270C}.ampersand{font-family:Ampersand,Verdana,sans-serif}.breakword{word-wrap:break-word}.normal-wrap{word-wrap:normal}.inherit-wrap{word-wrap:auto}.drop-cap:first-letter{float:left;margin:auto .25em auto auto;padding:inherit;font-size:4em;font-family:inherit;line-height:1;text-indent:0;background:0 0;color:inherit}p+.drop-cap{text-indent:0;margin-top:0}html{font:400 112.5%/1.65 serif}body{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;word-wrap:break-word;color:#444}small{font-size:65%}h1,h2,h3,h4,h5,h6{line-height:1;margin-top:0;text-rendering:optimizeLegibility;color:#222}.tera{font-size:117px;font-size:6.5rem;margin-bottom:.25385rem}.giga{font-size:90px;font-size:5rem;margin-bottom:.33rem}.mega{font-size:72px;font-size:4rem;margin-bottom:.4125rem}.alpha,h1{font-size:60px;font-size:3.33333rem;margin-bottom:.495rem}.beta,h2{font-size:48px;font-size:2.6667rem;margin-bottom:.61875rem}.gamma,h3{font-size:36px;font-size:2rem;margin-bottom:.825rem}.delta,h4{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem}.epsilon,h5{font-size:21px;font-size:1.16667rem;margin-bottom:1.41429rem}.zeta,h6{font-size:18px;font-size:1rem;margin-bottom:1.65rem}p{margin:auto auto 1.5em}p+p, aside+p{text-indent:1.5em;margin-top:-1.5em}abbr,acronym,blockquote,code,dir,kbd,listing,plaintext,q,samp,tt,var,xmp{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}pre code{word-wrap:normal;white-space:-moz-pre-wrap;white-space:pre-wrap}pre{white-space:pre}code{white-space:pre;font-family:monospace}abbr{font-variant:small-caps;font-weight:600;text-transform:lowercase;color:gray}abbr[title]:hover{cursor:help}.lining dd,.lining dt{display:inline;margin:0}.lining dd+dt:before,.lining dt+dt:before{content:"\A";white-space:pre}.lining dd+dd:before{content:", "}.lining dd:before{content:": ";margin-left:-.2em}.dictionary-style dt{display:inline;counter-reset:definitions}.dictionary-style dt+dt:before{content:", ";margin-left:-.2em}.dictionary-style dd{display:block;counter-increment:definitions}.dictionary-style dd:before{content:counter(definitions,decimal) ". "}.blockquote p:last-of-type{margin-bottom:-.825em}.blockquote+figcaption{display:block;font-size:inherit;text-align:right}.blockquote+figcaption:before{content:"-"}.pull-quote{position:relative;padding:1em}.pull-quote:after,.pull-quote:before{height:1em;opacity:.15;position:absolute;font-size:4em;color:#dc976e}.pull-quote:before{content:'“';top:0;left:0}.pull-quote:after{content:'”';bottom:0;right:0}
+*/@font-face{font-family:Ampersand;src:local("Georgia"),local("Garamond"),local("Palatino"),local("Book Antiqua");unicode-range:U+0026}@font-face{font-family:Ampersand;src:local("Georgia");unicode-range:U+270C}.ampersand{font-family:Ampersand,Verdana,sans-serif}.breakword{word-wrap:break-word}.normal-wrap{word-wrap:normal}.inherit-wrap{word-wrap:auto}.drop-cap:first-letter{float:left;margin:auto .25em auto auto;padding:inherit;font-size:4em;font-family:inherit;line-height:1;text-indent:0;background:0 0;color:inherit}p+.drop-cap{text-indent:0;margin-top:0}html{font:400 112.5%/1.65 serif}body{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;word-wrap:break-word;color:#444}small{font-size:65%}h1,h2,h3,h4,h5,h6{line-height:1;margin-top:0;text-rendering:optimizeLegibility;color:#222}.tera{font-size:117px;font-size:6.5rem;margin-bottom:.25385rem}.giga{font-size:90px;font-size:5rem;margin-bottom:.33rem}.mega{font-size:72px;font-size:4rem;margin-bottom:.4125rem}.alpha,h1{font-size:60px;font-size:3.33333rem;margin-bottom:.495rem}.beta,h2{font-size:48px;font-size:2.6667rem;margin-bottom:.61875rem}.gamma,h3{font-size:36px;font-size:2rem;margin-bottom:.825rem}.delta,h4{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem}.epsilon,h5{font-size:21px;font-size:1.16667rem;margin-bottom:1.41429rem}.zeta,h6{font-size:18px;font-size:1rem;margin-bottom:1.65rem}p{margin:auto auto 1.5em}p+p{text-indent:1.5em;margin-top:-1.5em}abbr,acronym,blockquote,code,dir,kbd,listing,plaintext,q,samp,tt,var,xmp{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}pre code{word-wrap:normal;white-space:-moz-pre-wrap;white-space:pre-wrap}pre{white-space:pre}code{white-space:pre;font-family:monospace}abbr{font-variant:small-caps;font-weight:600;text-transform:lowercase;color:gray}abbr[title]:hover{cursor:help}.lining dd,.lining dt{display:inline;margin:0}.lining dd+dt:before,.lining dt+dt:before{content:"\A";white-space:pre}.lining dd+dd:before{content:", "}.lining dd:before{content:": ";margin-left:-.2em}.dictionary-style dt{display:inline;counter-reset:definitions}.dictionary-style dt+dt:before{content:", ";margin-left:-.2em}.dictionary-style dd{display:block;counter-increment:definitions}.dictionary-style dd:before{content:counter(definitions,decimal) ". "}.blockquote p:last-of-type{margin-bottom:-.825em}.blockquote+figcaption{display:block;font-size:inherit;text-align:right}.blockquote+figcaption:before{content:"-"}.pull-quote{position:relative;padding:1em}.pull-quote:after,.pull-quote:before{height:1em;opacity:.15;position:absolute;font-size:4em;color:#dc976e}.pull-quote:before{content:'“';top:0;left:0}.pull-quote:after{content:'”';bottom:0;right:0}
 
 
 /* ==========================================================================
@@ -642,6 +642,19 @@ a.btn{
     padding: 1em;
 }
 
+.main-nav--post h3{
+  position:relative;
+  right:1em;
+  color:#ccc;
+}
+
+.main-nav--post .back-arrow{
+  color:orange;
+  font-weight:900;
+  position:relative;
+  bottom:2px;
+}
+
 .main-nav a {
     text-decoration: none;
  }
@@ -663,49 +676,6 @@ a.btn{
     width: auto;
 }
 
-.back-button, .subscribe-button{
-   -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    display: inline-block;
-    padding: .4em .3em .3em .3em;
-    border: transparent 1px solid;
-    color: #9EABB3;
-  font-weight: 400;
-    text-align: center;
-    text-transform: uppercase;
-    border-radius: 3px;
-    transition: all ease 0.3s;
-}
-
-.back-button {
-  float: left;
-}
-.back-button:before {
-    position: relative;
-    bottom: -2px;
-    margin-right: 8px;
-}
-
-.subscribe-button {
-
-    float: right;
-}
-.subscribe-button:before {
-    margin-right: 8px;
-    position: relative;
-    bottom: -2px;
-}
-
-/*
-
- Add a border to the buttons on hover
-.back-button:hover,
-.subscribe-button:hover {
-    border-color: #bfc8cd;
-    color: #9EABB3;
-}
-*/
 
 /* The details of your blog. Defined in ghost/settings/ */
 .page-title {
@@ -714,30 +684,14 @@ a.btn{
     text-align: center;
     font-weight: 400;
     letter-spacing: 0 !important;
-/*    font-style: italic;*/
-    font-family: "Source Serif Pro";
+    font-family: "Source Serif Pro", Georgia, serif;
 }
 
 .page-description {
   color:slategray;
   margin: 0;
   letter-spacing: 0;
 }
-/*
-.page-title {
-    margin: 10px 0 10px 0;
-    text-align: center;
-}
-
-.page-description {
-  margin: 0;
-  letter-spacing: 0;
-  text-transform: none;
-  font-weight: 400;
-  font-style: italic;
-  font-family: "Alegreya";
-}
-*/
 
 /* Every post, on every page, gets this style on its <article> tag */
 .post {
@@ -881,8 +835,8 @@ a.btn{
    ========================================================================== */
 
 .post-template .post-header{
-  margin-top: 1em;
-  margin-bottom: 1em;
+  margin-top: 2em;
+  margin-bottom: 2em;
 }
 
 .post-template .post-date {
@@ -1008,7 +962,7 @@ a.btn{
 
 
 .author-profile {
-    padding: 0 15px 5rem 15px;
+    padding: 0 15px 15px 15px;
     border-bottom: #EBF2F6 1px solid;
     text-align: center;
 }

default.hbs

@@ -42,7 +42,7 @@
           <span>
             <a href="http://github.com/omphalosskeptic/mnml">mnml</a>
             theme by
-            <a href="http://omphalosskeptic.github.io">omphalosskeptic.</a>
+            <a href="http://omphalosskeptic.github.io">omphalosskeptic</a>
           </span>
         </section>
       </div>

partials/loop.hbs

@@ -16,8 +16,8 @@
         <small>
 <!--        {{#if author.image}}<img class="author-thumb" src="{{author.image}}" alt="Author image" nopin="nopin" />{{/if}}-->
         Published by {{author}} on
-        <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="Do MMMM YYYY"}}</time> &bull;
-        {{tags prefix=" Tagged: "}}
+        <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="MMMM Do YYYY"}}</time>
+        {{tags prefix=" &bull; tagged "}}
         </small>
     </footer>
 </article>

post.hbs

@@ -3,12 +3,12 @@
 {{! The comment above "< default" means - insert everything in this file into
     the {body} of the default.hbs template, which contains our header/footer. }}
 
-<nav class="main-nav clearfix">
+<nav class="main-nav main-nav--post clearfix">
 <!--    <a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>-->
         <div class="main-header-content inner ">
            <a href="{{@blog.url}}">
 
-            <h3 style="position:relative;right:1em;color:#555;"><span style="color:#ccc;font-weight:400;position:relative;bottom:2px;">← </span>{{@blog.title}}</h3>
+            <h3><span class="back-arrow">← </span>{{@blog.title}}</h3>
             </a>
         </div>
 </nav>
@@ -21,9 +21,11 @@
 
         <header class="post-header">
             <h1 class="post-title beta">{{title}}</h1>
+<!--
             <section class="post-meta">
-                <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">Published on {{date format="DD MMMM YYYY"}}</time> — {{tags prefix=" tagged "}}
+                <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">Published on {{date format="MMMM Do YYYY"}}</time>{{tags prefix=" &bull; tagged "}}
             </section>
+-->
         </header>
 
         <section class="post-content">
@@ -37,7 +39,7 @@
 
             {{#if image}}
             <figure class="author-image">
-                <A class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a>
+                <a class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a>
             </figure>
             {{/if}}