Updaed date format, spacing, etc

curiositry · Oct 14, 2014 · 703993e · 703993e
1 parent fd26f04
commit 703993e
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 71 deletions.
diff --git a/assets/css/screen.css b/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;
 }

diff --git a/default.hbs b/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>

diff --git a/partials/loop.hbs b/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>

diff --git a/post.hbs b/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}}