😄 0.3.4

godofredoninja · Apr 22, 2021 · 13868d4 · 13868d4
2 parents 311c4fe + a73b32b
commit 13868d4
Show file tree

Hide file tree

Showing 40 changed files with 161 additions and 159 deletions.
diff --git a/README.md b/README.md
@@ -130,6 +130,7 @@ Become a financial contributor and help us sustain our community. [[Contribute](
 - [CMS Critic](http://www.cmscritic.com/) :star: :star: :star: :star:
 - [A Boundless World](https://www.aboundlessworld.com/) :star: :star:
 - [Dana Ross](https://vaalin.com/)
+- [Kip Ivan](https://github.com/Ingles-con-Kip)
 - Greg Rapp
 - Yannick Kordel
 - Bruno Brito Semedo

diff --git a/amp.hbs b/amp.hbs
@@ -10,16 +10,13 @@
 
     {{amp_ghost_head}}
 
-    {{!-- Google Fonst --}}
-    {{!-- <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet"> --}}
-
     {{!-- Only For dev --}}
     {{!-- <link rel="stylesheet" type="text/css" href="{{asset "styles/amp.css"}}"/>
-    <style>.u-bgColor{background-color:#18181B}</style> --}}
+    <style>{{amp_style}}</style> --}}
 
     {{!-- Style Custom --}}
-    <style amp-custom>.u-bgColor{background-color:#18181B}{{> "amp/amp-styles"}}</style>
+    <style amp-custom>{{> "amp/amp-styles"}}{{amp_style}}</style>
+    {{!-- <style amp-custom>:root {--ghost-accent-color:#005af0}{{> "amp/amp-styles"}}</style> --}}
 
     {{!-- The AMP boilerplate --}}
     <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
@@ -28,6 +25,8 @@
     <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
 
     {{amp_components}}
+
+    {{#post}}{{#if feature_image}}<link rel="preload" href="{{img_url feature_image size="m" absolute="true"}}" as="image">{{/if}}{{/post}}
 </head>
 <body class="amp-template">
     {{!-- Header --}}
@@ -47,11 +46,13 @@
     {{> "amp/amp-sidebar"}}
 
     {{!-- Footer copyright --}}
-    <footer class="footer">
-        <section class="u-container copyright u-textCenter">
+    <footer class="footer text-gray-500 text-sm pt-8 pb-8">
+        <section class="container copyright text-center font-medium">
             &copy; {{date format="YYYY"}} <a href="{{@site.url}}">{{@site.title}}</a>
-            Design with ♥ by <a href="https://godofredo.ninja" title="Developer Web FullStack.">GodoFredo</a>
+            Design with ♥ by <a href="https://godofredo.ninja" aria-label="Design with love by GodoFredo">GodoFredo</a>
         </section>
     </footer>
+
+    {{amp_analytics}}
 </body>
 </html>
diff --git a/assets/scripts/kusi-doc-post.js b/assets/scripts/kusi-doc-post.js
diff --git a/assets/scripts/main.js b/assets/scripts/main.js
diff --git a/assets/scripts/pagination.js b/assets/scripts/pagination.js
diff --git a/assets/scripts/prismjs.js b/assets/scripts/prismjs.js
diff --git a/assets/scripts/search.js b/assets/scripts/search.js
diff --git a/assets/styles/amp.css b/assets/styles/amp.css
diff --git a/assets/styles/main.css b/assets/styles/main.css
diff --git a/custom-archive-author.hbs b/custom-archive-author.hbs
@@ -6,8 +6,8 @@
 
 {{#post}}
 <header class="author-header">
-    <div class="px-4 py-vw6 mx-auto max-w-3xl text-center">
-        <h1 class="text-5xl text-title">{{title}}</h1>
+    <div class="px-4 py-12 md:py-vw6 mx-auto max-w-3xl text-center">
+        <h1 class="text-4xl lg:text-5xl text-title">{{title}}</h1>
         <div class="mt-5 text-lg text-gray-500">{{content}}</div>
     </div>
 </header>

diff --git a/custom-archive-contact.hbs b/custom-archive-contact.hbs
@@ -4,9 +4,9 @@
 {{!-- Class for <body> --}}
 {{#contentFor "special_body_class"}}archive-contact{{/contentFor}}
 
-<article class="container mx-auto pt-8 relative mb-10">
+<article class="container mx-auto py-12 relative">
     {{#post}}
-        <header class="mx-auto max-w-740 mb-10 pt-3 text-center">
+        <header class="mx-auto max-w-740 mb-10 text-center">
             <h1 class=" font-normal mb-8 text-xl text-gray-600">{{title}}</h1>
             {{#if custom_excerpt}}<p class="text-3xl text-title font-semibold">{{custom_excerpt}}</p>{{/if}}
         </header>

diff --git a/custom-archive-tags.hbs b/custom-archive-tags.hbs
@@ -5,7 +5,7 @@
 
 {{#post}}
 <header class="topic-header">
-    <div class="px-4 py-vw6 mx-auto max-w-3xl text-center text-white">
+    <div class="px-4 py-12 mx-auto max-w-3xl text-center text-white md:py-vw6">
         <h1 class="capitalize text-4xl lg:text-5xl font-semibold">{{title}}</h1>
         <div class="mt-8 text-xl">{{content}}</div>
     </div>

diff --git a/custom-post-image-right.hbs b/custom-post-image-right.hbs
@@ -16,7 +16,7 @@
                 </div>
                 {{/if}}
 
-                <h1 class="post-title text-32 md:text-4xl text-title lg:text-5xl">{{title}}</h1>
+                <h1 class="post-title text-32 text-title leading-tight md:text-4xl lg:text-5xl">{{title}}</h1>
                 {{#if custom_excerpt}}<p class="post-excerpt mt-6 text-xl text-gray-500">{{custom_excerpt}}</p>{{/if}}
 
                 {{!-- [Author, DateTime, Reading Time] - ./partials/components/author-meta.hbs --}}

diff --git a/custom-post-image.hbs b/custom-post-image.hbs
@@ -20,7 +20,7 @@
             </div>
             {{/if}}
 
-            <h1 class="post-title mb-5 text-white text-4xl lg:text-5xl">{{title}}</h1>
+            <h1 class="post-title mb-5 text-white text-4xl lg:text-5xl leading-tight">{{title}}</h1>
             {{#if custom_excerpt}}<p class="post-excerpt mb-8 text-2xl text-white leading-snug">{{custom_excerpt}}</p>{{/if}}
 
             {{!-- [Author, DateTime, Reading Time] - ./partials/components/author-meta.hbs --}}

diff --git a/custom-post-sidebar.hbs b/custom-post-sidebar.hbs
@@ -33,7 +33,12 @@
                     <div id="post-body" class="post-body has-sidebar relative">{{content}}</div>
 
                     {{!-- Tags - ./partials/components/tags,hbs --}}
-                    <footer class="post-footer px-4 mx-auto max-w-740 pt-10">{{> "components/tags"}}</footer>
+                    <footer class="post-footer px-4 mx-auto max-w-740 pt-10">
+                        {{> "components/tags"}}
+
+                        {{!-- Social Share - ./partials/components/social-share --}}
+                        {{> "components/social-share" Tracking_name="Footer" class="block"}}
+                    </footer>
                 </article>
             </div>
 

diff --git a/godo-archive.hbs b/godo-archive.hbs
@@ -2,7 +2,7 @@
 {{!< default}}
 
 <header class="author-header">
-    <div class="px-4 py-vw6 mx-auto max-w-3xl text-center">
+    <div class="px-4 py-12 md:py-vw6 mx-auto max-w-3xl text-center">
         <h1 class="text-3xl md:text-4xl text-title">{{t "The full archive"}}</h1>
         <div class="mt-5 text-lg text-gray-500">{{t "There are {total} posts in total" total=pagination.total}}</div>
     </div>

diff --git a/godo-template-featured-slider.hbs b/godo-template-featured-slider.hbs
@@ -29,14 +29,10 @@
     <div class="feed-entry-wrap max-w-1100 mx-auto">
         <div class="row">
             {{#foreach posts}}
-                {{#has number="1"}}
+                {{#has number="6"}}
                     <div class="col s12 m6 l12 ss1">{{> "story/story-grid"}}</div>
-                {{else has number="5, 6, 17, 18"}}
+                {{else has number="4,5"}}
                     <div class="col s12 m6 ss2">{{> "story/story-grid"}}</div>
-                {{else has number="13, 16"}}
-                    <div class="col s12 m6 l7 ss3 mb-4">{{> "story/story-cover"}}</div>
-                {{else has number="14, 15"}}
-                    <div class="col s12 m6 l5 ss4 mb-4">{{> "story/story-cover"}}</div>
                 {{else}}
                     <div class="col s12 m6 l4">{{> "story/story-grid"}}</div>
                 {{/has}}

diff --git a/godo-template-featured.hbs b/godo-template-featured.hbs
@@ -13,14 +13,10 @@
     <div class="feed-entry-wrap max-w-1100 mx-auto">
         <div class="row">
             {{#foreach posts}}
-                {{#has number="1"}}
+                {{#has number="6"}}
                     <div class="col s12 m6 l12 ss1">{{> "story/story-grid"}}</div>
-                {{else has number="5, 6, 17, 18"}}
+                {{else has number="4,5"}}
                     <div class="col s12 m6 ss2">{{> "story/story-grid"}}</div>
-                {{else has number="13, 16"}}
-                    <div class="col s12 m6 l7 ss3 mb-4">{{> "story/story-cover"}}</div>
-                {{else has number="14, 15"}}
-                    <div class="col s12 m6 l5 ss4 mb-4">{{> "story/story-cover"}}</div>
                 {{else}}
                     <div class="col s12 m6 l4">{{> "story/story-grid"}}</div>
                 {{/has}}

diff --git a/godo-template-medium-sidebar.hbs b/godo-template-medium-sidebar.hbs
@@ -5,24 +5,24 @@
 
 {{#post}}
 <div class="simply-hero-cover u-primaryGradient overflow-hidden pt-16">
-    <div class="mx-auto container relative py-vw4 flex justify-between flex-col items-center md:flex-row md:px-5 min-h-lg">
+    <div class="mx-auto container py-12 relative flex justify-between flex-col items-center md:flex-row md:py-vw4 md:px-5">
         <div class="text-white md:pr-5 flex-none text-center md:text-left md:max-w-md lg:max-w-xl">
             <h1 class="text-5xl pt-5 font-serif lg:text-6xl">{{title}}</h1>
             {{#if custom_excerpt}}<p class="mt-6 text-22">{{custom_excerpt}}</p>{{/if}}
             {{#unless @member}}<a data-portal="account/plans" class="button is-medium is-primary gh-portal-close mt-12" href="#">{{t "Get Started"}}</a>{{/unless}}
         </div>
 
         {{#if feature_image}}
-        <figure class="relative max-w-lg w-full mt-10 md:mt-0" style="max-height: 25rem">
-            <img class="blur-up lazyload object-cover w-full animated bounceIn"
+        <figure class="relative max-w-lg w-full mt-10 hidden md:flex md:mt-0">
+            <img class="blur-up lazyload object-cover object-center w-full max-h-96 animated bounceIn"
                 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                 data-srcset="{{img_url feature_image size="s"}} 300w,
                         {{img_url feature_image size="m"}} 600w,
                         {{img_url feature_image size="l"}} 1000w,
                         {{img_url feature_image size="xl"}} 2000w"
                 data-sizes="auto"
                 width="512"
-                height="300"
+                height="384"
                 alt="{{title}}" />
         </figure>
         {{/if}}
@@ -49,7 +49,7 @@
                                     alt="{{t "Go to the profile of "}} {{name}}"/>
                             </a>
 
-                            <div class="ml-2 text-sm font-medium">
+                            <div class="ml-2 text-sm">
                                 <a href="{{url}}">{{name}}</a>
                                 {{/primary_author}}
                                 {{#if primary_tag}}<span class="text-gray-500">{{t "in"}}</span> <a href="{{primary_tag.url}}">{{primary_tag.name}}</a>{{/if}}

diff --git a/index.hbs b/index.hbs
@@ -10,12 +10,8 @@
             {{#foreach posts}}
                 {{#has number="1"}}
                     <div class="col s12 m6 l12 ss1">{{> "story/story-grid"}}</div>
-                {{else has number="5, 6, 17, 18"}}
+                {{else has number="5, 6"}}
                     <div class="col s12 m6 ss2">{{> "story/story-grid"}}</div>
-                {{else has number="13, 16"}}
-                    <div class="col s12 m6 l7 ss3 mb-4">{{> "story/story-cover"}}</div>
-                {{else has number="14, 15"}}
-                    <div class="col s12 m6 l5 ss4 mb-4">{{> "story/story-cover"}}</div>
                 {{else}}
                     <div class="col s12 m6 l4">{{> "story/story-grid"}}</div>
                 {{/has}}

diff --git a/locales/en.json b/locales/en.json
@@ -7,6 +7,7 @@
   "Home": "Home",
   "More": "More",
   "By": "By",
+  "Updated": "Updated",
   "Posts Tagged": "Posts Tagged",
   "There are {total} posts in total": "There are {total} posts in total",
   "The full archive": "The full archive",

diff --git a/locales/es.json b/locales/es.json
@@ -7,6 +7,7 @@
   "Home": "Inicio",
   "More": "Más",
   "By": "Por",
+  "Updated": "Actualizado",
   "Posts Tagged": "Tag",
   "There are {total} posts in total": "Hay {total} Artículos en total",
   "The full archive": "Archivo Completo",

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "simply",
   "description": "simply theme for ghost by @GodoFredoNinja",
   "demo": "https://godofredo.ninja",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "engines": {
     "ghost": ">=4.0.0",
     "ghost-api": "v4"

diff --git a/partials/amp/amp-body.hbs b/partials/amp/amp-body.hbs
@@ -1,50 +1,56 @@
-<article class="article">
-    <header class="article-header u-container">
-        {{!-- Title --}}
-        <h1 class="article-title">{{title}}</h1>
+<article class="article pt-8">
+    <header class="article-header container">
+        {{#if primary_tag}}{{#primary_tag}}
+            <div class="categories mb-3 tracking-wider text-sm font-medium"><a href="{{url}}" title="{{name}}" class="uppercase text-gray-500">{{name}}</a></div>
+        {{/primary_tag}}{{/if}}
 
-        {{!-- Excerpt --}}
-        {{#if custom_excerpt}}<p class="article-excerpt">{{custom_excerpt}}</p>{{/if}}
+        <h1 class="article-title m-0 mb-5">{{title}}</h1>
+        {{#if custom_excerpt}}<p class="article-excerpt text-gray-500 text-lg m-0 mb-5">{{custom_excerpt}}</p>{{/if}}
 
-        <div class="article-meta">
-            {{!-- Author Name --}}
-            {{#primary_author}}<span class="author-name">{{t "By"}} <a href="{{url absolute="true"}}">{{name}}</a></span>{{/primary_author}}
+        <div class="flex items-center overflow-hidden">
+            {{#primary_author}}
+            <div class="flex-none mr-3">
+                <a href="{{url}}" title="{{t "Go to the profile of"}} {{name}}">
+                    <amp-img class="object-cover rounded-full"
+                        src="{{#if profile_image}} {{img_url profile_image absolute="true" size="xs"}} {{else}} {{asset "images/avatar.png" absolute="true"}} {{/if}}"
+                        width="36"
+                        height="36"
+                        alt="{{name}}">
+                    </amp-img>
+                </a>
+            </div>
 
-            {{!-- Datetime --}}
-            <span class="timestamp">
-                <time class="datetime" datetime="{{date format='YYYY-MM-DD'}}">{{date published_at timeago="true"}}</time>
-            </span>
-
-            {{!-- Category --}}
-            {{#if primary_tag}}{{#primary_tag}}
-                <span>{{t "in"}}</span>
-                <span class="categories"><a href="{{url}}" title="{{name}}">{{name}}</a></span>
-            {{/primary_tag}}{{/if}}
+            <div class="flex-auto">
+                <div class="text-sm font-medium"><a href="{{url}}" class="text-gray-800">{{name}}</a></div>
+            {{/primary_author}}
+                <div class="flex items-center text-gray-500 text-sm">
+                    <time class="capitalize" datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time>
+                    <span class="mx-1">·</span>
+                    <span title="{{reading_time seconds=(t "< 1 min read") minute=(t "1 min read") minutes=(t "% min read")}}">{{reading_time seconds=(t "< 1 min read") minute=(t "1 min read") minutes=(t "% min read")}}</span>
+                </div>
+            </div>
         </div>
     </header>
 
-    {{!-- featured image --}}
     {{#if feature_image}}
-        <figure class="article-image u-block u-marginTop30">
-            <amp-img src="{{img_url feature_image size="s" absolute="true"}}" width="600" height="350" layout="responsive" alt="{{title}}"></amp-img>
-        </figure>
+    <figure class="article-image pt-8">
+        <amp-img src="{{img_url feature_image size="m" absolute="true"}}" width="600" height="350" layout="responsive" alt="{{title}}"></amp-img>
+    </figure>
     {{/if}}
 
     {{!-- article body (all content) --}}
-    <div class="article-body u-container"> {{amp_content}} </div>
+    <div class="article-body container"> {{amp_content}} </div>
 
     {{!-- Post All Tags (category) --}}
     {{#if tags}}
-        <div class="article-tags u-container u-marginTop20">
-            {{#foreach tags}}
-                <a href="{{url absolute="true"}}" title="{{name}}" class="button--tags">{{name}}</a>
-            {{/foreach}}
-        </div>
+    <div class="article-tags container mt-8">
+        {{#foreach tags}}<a href="{{url absolute="true"}}" title="{{name}}" class="button-tags capitalize font-medium text-sm">{{name}}</a>{{/foreach}}
+    </div>
     {{/if}}
 
     {{!-- Share social Media --}}
-    <footer class="share u-container u-marginTop30">
-        <span class="share-title">{{t "Share"}}:</span>
+    <footer class="share container mt-8">
+        <div class="share-title block text-gray-500 text-sm mb-3">{{t "Share"}}:</div>
         <amp-social-share class="rounded"
         type="email"
         width="36"