new version

godofredoninja · Nov 30, 2017 · 5ef8743 · 5ef8743
2 parents 0fc1d9e + a50aef8
commit 5ef8743
Show file tree

Hide file tree

Showing 13 changed files with 69 additions and 32 deletions.
diff --git a/assets/assets.json b/assets/assets.json
diff --git a/assets/scripts/main.js b/assets/scripts/main.js
diff --git a/assets/styles/main.css b/assets/styles/main.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simply-godofredoninja",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "engines": {
     "ghost": ">=1.0.0"
   },

diff --git a/partials/article-actions.hbs b/partials/article-actions.hbs
@@ -15,7 +15,7 @@
             {{/prev_post}}
 
             {{!-- Share Count Book --}}
-            <div class="share-box u-textAlignCenter" style="margin-right: 15px;">
+            <div class="share-box u-textAlignCenter u-hide-before-lg" style="margin-right: 15px;">
                 <span class="share-count u-block u-fontWeightBold u-contentTitle u-lineHeight1" data-url="{{url absolute="true"}}">0</span>
                 <span class="share-label u-block u-textColorNormal u-contentTitle u-fontSize13 u-lineHeight1">SHARES</span>
             </div>

diff --git a/partials/article-comments.hbs b/partials/article-comments.hbs
@@ -1,4 +1,4 @@
-<div id="post-comments" class="post-comments u-backgroundWhite u-paddingTop30 u-paddingBottom30 link--accent">
+<div id="post-comments" class="post-comments u-hide u-backgroundWhite u-paddingTop30 u-paddingBottom30 link--accent">
     <div class="u-container u-maxWidth1000 u-card">
         {{!-- Disqus Comments --}}
         <div id="disqus_thread" class="simply-disqus link--accent u-hide"></div>
@@ -14,6 +14,7 @@
 <script>
     (function() {
         if (typeof disqusShortName !== 'undefined') {
+            $('#post-comments').removeClass('u-hide');
             $('.simply-disqus').removeClass('u-hide');
             var d = document, s = d.createElement('script');
             s.async = true;

diff --git a/partials/article-related.hbs b/partials/article-related.hbs
@@ -12,7 +12,7 @@
                     {{#if feature_image}}
                     <div class="post-related-image u-relative u-overflowHidden u-sizeFullWidth">
                         <a href="{{url}}" class="post-related-image--link u-block u-absolute0">
-                            <span class="u-absolute0 u-backgroundSizeCover u-backgroundColorGrayLight simply-lazy lazy" data-original="{{feature_image}}"></span>
+                            <span class="u-absolute0 u-backgroundSizeCover u-backgroundColorGrayLight story-image-lazy" data-original="{{feature_image}}"></span>
                         </a>
                     </div>
                     {{/if}}
@@ -27,7 +27,7 @@
 
                         <a href="{{url}}" class="u-block">
                             {{!-- title --}}
-                            <h2 class="post-related-title u-contentTitle u-fontSizeLarge u-fontWeightBold u-overflowHidden u-paddingBottom2">{{title}}</h2>
+                            <h2 class="post-related-title u-contentTitle u-fontSize22 u-fontWeightBold u-overflowHidden u-paddingBottom2">{{title}}</h2>
 
                             {{!-- excerpt --}}
                             {{#unless feature_image}}

diff --git a/partials/article.hbs b/partials/article.hbs
@@ -6,7 +6,7 @@
         {{> "card-meta"}}
 
         {{!-- Article Title --}}
-        <h1 class="post-title u-fontSize40 u-paddingTop20 u-contentTitle u-paddingBottom2 u-fontWeightBold u-md-fontSizeLarger">{{title}}</h1>
+        <h1 class="post-title u-fontSize40 u-paddingTop20 u-contentTitle u-paddingBottom2 u-fontWeightSemibold u-md-fontSizeLarger">{{title}}</h1>
 
         {{!-- Article Excerpt  --}}
         {{#if custom_excerpt}}<p class="post-excerpt u-textColorNormal u-fontSize28 u-marginBottom20 u-paddingTop5" style="line-height:1.22;letter-spacing:-.022em">{{custom_excerpt}}</p>{{/if}}

diff --git a/partials/card-meta.hbs b/partials/card-meta.hbs
@@ -38,6 +38,11 @@
             {{/if}}
         {{/is}}
 
-        <time class="datetime u-textColorNormal u-fontSizeSmaller u-block u-textColorNormal" datetime="{{date format='YYYY-MM-DD'}}">{{date published_at timeago="true"}}</time>
+        {{!-- Datetime - readingTime  --}}
+        <div class="u-fontSize14 u-textColorNormal u-noWrapWithEllipsis u-lineHeightTight u-flex">
+            <time class="datetime u-textCapitalize" datetime="{{date format=" YYYY-MM-DD "}}">{{date published_at format="MMM DD"}}</time>
+            <span class="points u-fontWeightBold" style="margin:0 5px;">·</span>
+            <span class="readingTime">{{reading_time}}</span>
+        </div>
     </div>
 </div>
diff --git a/partials/header.hbs b/partials/header.hbs
@@ -5,8 +5,8 @@
         {{!-- background dark if home have image --}}
         {{#is "home"}}
             {{#if @blog.cover_image}}
-            <span class="u-absolute0 u-backgroundSizeCover u-hide-before-md cover-lazy lazy" data-original="{{@blog.cover_image}}"></span>
             <span class="u-absolute0 u-backgroundDark u-hide-before-md"></span>
+            <span class="u-absolute0 u-backgroundSizeCover u-hide-before-md cover-lazy lazy" data-original="{{@blog.cover_image}}"></span>
             {{else}}
             <span class="u-absolute0 u-hide-before-md" style="background:rgba(0,0,0,.175)"></span>
             {{/if}}
@@ -47,7 +47,7 @@
             </div>
 
             {{!-- Header description for index page --}}
-            {{#is "home"}}{{#if @blog.description}}<div class="header-description u-fontSize22 u-marginAuto u-paddingTop10 u-textAlignCenter u-hide-before-md">{{@blog.description}}</div>{{/if}}{{/is}}
+            {{#is "home"}}{{#if @blog.description}}<div class="header-description u-fontSize21 u-fontWeightSemibold u-marginAuto u-paddingTop10 u-textAlignCenter u-hide-before-md">{{@blog.description}}</div>{{/if}}{{/is}}
 
         </div>
     </div>

diff --git a/partials/sidebar-tags.hbs b/partials/sidebar-tags.hbs
@@ -5,7 +5,7 @@
     <h3 class="sidebar-title u-fontSizeBase u-textColorDarker">Tags</h3>
 
     {{#foreach tags}}
-        <a href="{{url absolute="true"}}" title="{{name}}" class="button" style="margin-bottom:8px">{{name}}</a>
+        <a href="{{url absolute="true"}}" title="{{name}}" class="button" style="margin-bottom:8px;background-color:#fff">{{name}}</a>
     {{/foreach}}
 </div>
 

diff --git a/partials/story-card.hbs b/partials/story-card.hbs
@@ -2,7 +2,7 @@
     <div class="story-wrap u-sizeFullWidth u-height540 u-md-heightAuto u-marginBottom20 u-overflowHidden u-relative u-borderRadius2 u-borderBlackLightest">
 
         {{!--  Image --}}
-        <a href="{{url}}" class="story-image u-relative u-block u-backgroundSizeCover u-height280 u-md-height170 u-backgroundColorGrayLight simply-lazy lazy" data-original="{{feature_image}}"></a>
+        <a href="{{url}}" class="story-image u-relative u-block u-backgroundSizeCover u-height280 u-md-height170 u-backgroundColorGrayLight story-image-lazy" data-original="{{feature_image}}"></a>
 
         <div class="story-body u-flexColumn u-padding20 u-height260 u-md-heightAuto">
 
@@ -14,12 +14,12 @@
                             {{!--  Primary tag  --}}
                             {{#if primary_tag}}
                             <div class="story-tag u-textColorNormal u-flexCenter u-fontSize20 u-lineHeight1" style="padding-bottom:9px">
-                                <span class="u-fontSize14">{{primary_tag.name}}</span>
+                                <span class="u-fontSize14 u-fontWeightSemibold">{{primary_tag.name}}</span>
                             </div>
                             {{/if}}
 
                             {{!-- Title of story --}}
-                            <h3 class="story-title u-fontWeightBold u-lineHeight1 u-fontSize22">{{title}}</h3>
+                            <h3 class="story-title u-fontWeightSemibold u-lineHeight1 u-fontSize21">{{title}}</h3>
                         </a>
                     </div>
 
@@ -38,14 +38,16 @@
                     </a>
                 </div>
 
-                <div class="u-flex1 u-noWrapWithEllipsis u-fontSize13">
+                <div class="u-flex1 u-noWrapWithEllipsis u-fontSize14">
                     <div class="u-noWrapWithEllipsis"><a href="{{url}}" class="link u-textColorDarker link--underline">{{name}}</a></div>
 
                 {{/author}}
 
-                    {{!-- Datetime  --}}
-                    <div class="u-fontSize13 u-textColorNormal u-noWrapWithEllipsis u-lineHeightTight">
-                        <time class="datetime" datetime="{{date format=" YYYY-MM-DD "}}">{{date published_at timeago="true"}}</time>
+                    {{!-- Datetime - readingTime --}}
+                    <div class="u-fontSize14 u-textColorNormal u-noWrapWithEllipsis u-lineHeightTight u-flex">
+                        <time class="datetime u-textCapitalize" datetime="{{date format=" YYYY-MM-DD "}}">{{date published_at format="MMM DD"}}</time>
+                        <span class="points u-fontWeightBold" style="margin:0 5px;">·</span>
+                        <span class="readingTime">{{reading_time}}</span>
                     </div>
                 </div>
 

diff --git a/subscribe.hbs b/subscribe.hbs
@@ -0,0 +1,40 @@
+{{!< default}}
+
+{{!-- custom Styles For tag <body> --}}
+{{#contentFor "simply_class_body"}}is-subscribe{{/contentFor}}
+
+<section class="subscribe u-flexColumn u-flexCenter {{#if success}}subscribe-success{{/if}}">
+    <div class="subscribe-wrap u-flex1 u-flexCenter u-marginTop30 u-marginBottom15">
+        <div class="subscribe-card u-textAlignCenter u-overflowHidden u-flexColumn u-relative">
+
+        {{^if success}}
+
+            <h1 class="subscribe-title u-fontSizeLarger u-marginAuto u-marginBottom20 u-fontWeightBold">Sign up for my newsletter!</h1>
+            <h2 class="u-fontWeightNormal u-fontSizeBase u-marginBottom20">Get the latest posts delivered right to your inbox</h2>
+
+            <div class="subscribe-form">
+                <div class="u-flex0 u-marginTop30">
+                    {{subscribe_form
+                        form_class="u-marginAuto"
+                        input_class="subscribe-input u-sizeFullWidth u-fontSizeBase u-marginBottom15 u-textAlignCenter"
+                        button_class="button u-marginTop15 u-marginBottom15 u-marginTop20 u-marginAuto"
+                        placeholder="Your email address"
+                        autofocus="true"
+                    }}
+                </div>
+            </div>
+
+        {{else}}
+
+            <h1 class="subscribe-title u-flex0 u-fontSizeLarger u-marginAuto u-marginBottom20 u-fontWeightBold">Subscribed!</h1>
+            <h2 class="u-fontWeightNormal u-flex0 u-fontSizeBase u-marginAuto u-marginBottom20">You've successfully subscribed with the email address {{email}}</h2>
+
+            <a href="{{#if subscribed_url}}{{subscribed_url}}{{else}}{{@blog.url}}{{/if}}" class="button u-marginAuto u-flex0 u-marginTop15 u-marginBottom15 u-marginTop20">ok</a>
+
+            <div class="u-flex1"></div>
+
+        {{/if}}
+
+        </div>
+    </div>
+</section>