Add text variant

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

partials/common/comments.hbs

@@ -0,0 +1,4 @@
+<section class="gh-comments gh-canvas">
+    <div id="commento"></div>
+    <script defer src="https://blog.karaolidis.com/comments/js/commento.js"></script>
+</section>

partials/common/content-cta.hbs

@@ -0,0 +1,26 @@
+{{{html}}}
+
+<div class="gh-cta-gradient"></div>
+
+<section class="gh-cta">
+    {{#has visibility="paid"}}
+    <h4 class="gh-cta-title">This post is for paying subscribers only</h4>
+    {{/has}}
+    {{#has visibility="members"}}
+    <h4 class="gh-cta-title">This post is for subscribers only</h4>
+    {{/has}}
+    {{#has visibility="filter"}}
+    <h4 class="gh-cta-title">This post is for subscribers on the {{tiers}} only</h4>
+    {{/has}}
+
+    <div class="gh-cta-actions">
+        {{#if @member}}
+        <button class="gh-btn gh-primary-btn" href="#/portal/account/plans" data-portal="account/plans">
+            Upgrade now
+        </button>
+        {{else}}
+        <button class="gh-btn gh-primary-btn" href="#/portal/signup" data-portal="signup">Subscribe now</button>
+        <span class="gh-cta-link" href="#/portal/signin" data-portal="signin">Already have an account? Sign in.</span>
+        {{/if}}
+    </div>
+</section>

partials/common/feature-image.hbs

@@ -0,0 +1,11 @@
+{{#if feature_image}}
+<figure class="gh-article-image">
+    <img srcset="{{img_url feature_image size="s"}} 300w, {{img_url feature_image size="m" }} 720w, {{img_url
+        feature_image size="l" }} 960w, {{img_url feature_image size="xl" }} 1200w, {{img_url feature_image size="xxl"
+        }} 2000w" sizes="(max-width: 1200px) 100vw, 1200px" src="{{img_url feature_image size="xl"}}"
+        alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
+    {{#if feature_image_caption}}
+    <figcaption>{{feature_image_caption}}</figcaption>
+    {{/if}}
+</figure>
+{{/if}}

partials/common/footer.hbs

@@ -0,0 +1,12 @@
+<footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
+    <div class="gh-foot-inner gh-inner">
+        {{#if @site.secondary_navigation}}
+        <nav class="gh-foot-menu">
+            {{navigation type="secondary"}}
+        </nav>
+        {{/if}}
+        <div class="gh-copyright">
+            {{@site.title}} © {{date format="YYYY"}}
+        </div>
+    </div>
+</footer>

partials/common/header.hbs

@@ -0,0 +1,62 @@
+<header id="gh-head" class="gh-head gh-outer">
+    <div class="gh-head-inner gh-inner">
+        <div class="gh-head-brand">
+            <div class="gh-head-brand-wrapper">
+                <a class="gh-head-logo" href="{{@site.url}}">
+                    {{#if @site.logo}}
+                    <img src="{{@site.logo}}" alt="{{@site.title}}">
+                    {{else}}
+                    {{@site.title}}
+                    {{/if}}
+                </a>
+            </div>
+            <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>
+                {{> icons/search}}
+            </button>
+            <button class="gh-burger" aria-label="Toggle menu"></button>
+        </div>
+
+        <nav class="gh-head-menu">
+            {{navigation}}
+            {{#unless @site.members_enabled}}
+            {{#match @custom.navigation_layout "Stacked"}}
+            <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>
+                {{> icons/search}}
+            </button>
+            {{/match}}
+            {{/unless}}
+        </nav>
+
+        <div class="gh-head-actions">
+            {{#unless @site.members_enabled}}
+            {{^match @custom.navigation_layout "Stacked"}}
+            <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>
+                {{> icons/search}}
+            </button>
+            {{/match}}
+            {{else}}
+            <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>
+                {{> icons/search}}
+            </button>
+            <div class="gh-head-members">
+                {{#unless @member}}
+                {{#unless @site.members_invite_only}}
+                <a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
+                <a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signup" data-portal="signup">
+                    Subscribe
+                </a>
+                {{else}}
+                <a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signin" data-portal="signin">
+                    Sign in
+                </a>
+                {{/unless}}
+                {{else}}
+                <a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/account" data-portal="account">
+                    Account
+                </a>
+                {{/unless}}
+            </div>
+            {{/unless}}
+        </div>
+    </div>
+</header>

partials/common/lib/footer/prism.hbs

@@ -0,0 +1,15 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"
+  integrity="sha512-9khQRAUBYEJDCDVP2yw3LRUQvjJ0Pjx0EShmaQjcHa6AXiOv6qHQu9lCAIR8O+/D8FtaCoJ2c0Tf9Xo7hYH01Q=="
+  crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"
+  integrity="sha512-SkmBfuA2hqjzEVpmnMt/LINrjop3GKWqsuLSSB3e7iBmYK7JuWw4ldmmxwD9mdm2IRTTi0OxSAfEGvgEi0i2Kw=="
+  crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"
+  integrity="sha512-BttltKXFyWnGZQcRWj6osIg7lbizJchuAMotOkdLxHxwt/Hyo+cl47bZU0QADg+Qt5DJwni3SbYGXeGMB5cBcw=="
+  crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/command-line/prism-command-line.min.js"
+  integrity="sha512-6nsaJ4jytF/0bh+5QJY4SOLuZZmcd/TAXHBkLIX/SH1ENpWezpQDJ4LpK2D1IfpjKVyhJQQaNSSvfsQjuYfTow=="
+  crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-highlight/prism-line-highlight.min.js"
+  integrity="sha512-255MpVHZHmxNdOj/PivQ+WSTYFjBxTMfmIszxwsJobUeaoDNUAnAQjYF5TznbiZXrXqpCy8q4QyvJzhykpof3Q=="
+  crossorigin="anonymous" referrerpolicy="no-referrer"></script>

partials/common/lib/footer/tocbot.hbs

@@ -0,0 +1,3 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.29.0/tocbot.min.js"
+  integrity="sha512-+9XzRSJjnUN2OI106uAbbVZ3f+z1ncIRZFOr56hEdaxbQeZ8i1+B7OVjdF8tG4YhgxM/rWP73K2SiG93x6UJoQ=="
+  crossorigin="anonymous" referrerpolicy="no-referrer"></script>

partials/common/lib/header/fonts.hbs

@@ -0,0 +1 @@
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter|Lora">

partials/common/lib/header/prism.hbs

@@ -0,0 +1,15 @@
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css"
+  integrity="sha512-vswe+cgvic/XBoF1OcM/TeJ2FW0OofqAVdCZiEYkd6dwGXthvkSFWOoGGJgS2CW70VK5dQM5Oh+7ne47s74VTg=="
+  crossorigin="anonymous" referrerpolicy="no-referrer" />
+<link rel="stylesheet"
+  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css"
+  integrity="sha512-cbQXwDFK7lj2Fqfkuxbo5iD1dSbLlJGXGpfTDqbggqjHJeyzx88I3rfwjS38WJag/ihH7lzuGlGHpDBymLirZQ=="
+  crossorigin="anonymous" referrerpolicy="no-referrer" />
+<link rel="stylesheet"
+  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/command-line/prism-command-line.min.css"
+  integrity="sha512-EgIkdlA87NL5dPmI6HztTCpg7XKfZRFQHbpEdDF3hCT45HjjmIJOx8K73r+YZha0vKyOcMpzC7fZ4RajCX25tg=="
+  crossorigin="anonymous" referrerpolicy="no-referrer" />
+<link rel="stylesheet"
+  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-highlight/prism-line-highlight.min.css"
+  integrity="sha512-nXlJLUeqPMp1Q3+Bd8Qds8tXeRVQscMscwysJm821C++9w6WtsFbJjPenZ8cQVMXyqSAismveQJc0C1splFDCA=="
+  crossorigin="anonymous" referrerpolicy="no-referrer" />

partials/common/pswp.hbs

@@ -0,0 +1,41 @@
+<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="pswp__bg"></div>
+
+    <div class="pswp__scroll-wrap">
+        <div class="pswp__container">
+            <div class="pswp__item"></div>
+            <div class="pswp__item"></div>
+            <div class="pswp__item"></div>
+        </div>
+
+        <div class="pswp__ui pswp__ui--hidden">
+            <div class="pswp__top-bar">
+                <div class="pswp__counter"></div>
+
+                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
+                <button class="pswp__button pswp__button--share" title="Share"></button>
+                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
+                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
+
+                <div class="pswp__preloader">
+                    <div class="pswp__preloader__icn">
+                        <div class="pswp__preloader__cut">
+                            <div class="pswp__preloader__donut"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
+                <div class="pswp__share-tooltip"></div>
+            </div>
+
+            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
+            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
+
+            <div class="pswp__caption">
+                <div class="pswp__caption__center"></div>
+            </div>
+        </div>
+    </div>
+</div>