New theme

partials/content.hbs

@@ -0,0 +1,66 @@
+<header class="gh-article-header gh-canvas">
+    {{#is "post, home"}}
+        <div class="gh-article-meta">
+            {{#is "home"}}
+                <span class="gh-article-label">
+                    <span class="gh-article-label-indicator"></span>
+                    Latest issue
+                </span>
+            {{/is}}
+            <time class="gh-article-date" datetime="{{date format="YYYY-MM-DD"}}">{{date}}</time>
+        </div>
+    {{/is}}
+
+    <h1 class="gh-article-title">{{title}}</h1>
+
+    {{#if custom_excerpt}}
+        <p class="gh-article-excerpt">{{custom_excerpt}}</p>
+    {{/if}}
+</header>
+
+{{#if feature_image}}
+    <figure class="gh-article-image gh-canvas">
+        <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="{{title}}"
+        >
+    </figure>
+{{/if}}
+
+<section class="gh-content gh-canvas">
+    {{content}}
+</section>
+
+{{#is "post, home"}}
+    <footer class="gh-article-footer gh-canvas">
+        <nav class="gh-article-navigation">
+            <div class="gh-article-navigation-previous">
+                {{#prev_post}}
+                    <a class="u-hover reverse" href="{{url}}">
+                        <span>{{> icons/chevron-left}}</span>
+                        <span>{{> icons/chevron-left}}</span>
+                        Previous issue
+                    </a>
+                {{/prev_post}}
+            </div>
+
+            <a class="gh-article-navigation-all" href="/page/2"><span>Browse</span> all issues</a>
+
+            <div class="gh-article-navigation-next">
+                {{#next_post}}
+                    <a class="u-hover" href="{{url}}">
+                        Next issue
+                        <span>{{> icons/chevron-right}}</span>
+                        <span>{{> icons/chevron-right}}</span>
+                    </a>
+                {{/next_post}}
+            </div>
+        </nav>
+    </footer>
+{{/is}}

partials/icons/avatar.hbs

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"/></g></svg>

partials/icons/chevron-left.hbs

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor">
+    <path d="M20.547 22.107L14.44 16l6.107-6.12L18.667 8l-8 8 8 8 1.88-1.893z"></path>
+</svg>

partials/icons/chevron-right.hbs

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor">
+    <path d="M11.453 22.107L17.56 16l-6.107-6.12L13.333 8l8 8-8 8-1.88-1.893z"></path>
+</svg>

partials/icons/facebook.hbs

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 8.04865C16 3.63065 12.418 0.048645 8 0.048645C3.582 0.048645 0 3.63065 0 8.04865C0 12.042 2.92533 15.3513 6.75 15.9513V10.3613H4.71867V8.04798H6.75V6.28665C6.75 4.28198 7.94467 3.17398 9.772 3.17398C10.6467 3.17398 11.5627 3.33065 11.5627 3.33065V5.29931H10.5533C9.55933 5.29931 9.24933 5.91598 9.24933 6.54865V8.04865H11.468L11.1133 10.362H9.24933V15.952C13.0747 15.3513 16 12.0413 16 8.04865Z" fill="#888888"/>
+</svg>

partials/icons/twitter.hbs

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9687 3.04665C15.3697 3.31039 14.7351 3.48448 14.0853 3.56332C14.7694 3.15215 15.2816 2.50735 15.5273 1.74799C14.8933 2.11799 14.1907 2.38732 13.4427 2.53732C12.9492 2.00961 12.2952 1.6596 11.5824 1.54165C10.8696 1.42371 10.1378 1.54442 9.50062 1.88505C8.86345 2.22567 8.35657 2.76715 8.0587 3.4254C7.76083 4.08365 7.68864 4.82183 7.85333 5.52532C5.12667 5.39665 2.71133 4.08665 1.09333 2.10799C0.799196 2.60786 0.645776 3.178 0.649333 3.75799C0.649333 4.89799 1.22933 5.89999 2.108 6.48865C1.58724 6.47208 1.07798 6.33128 0.622667 6.07799V6.11799C0.622371 6.87558 0.884179 7.60995 1.36367 8.19649C1.84316 8.78304 2.51081 9.18564 3.25333 9.33599C2.7722 9.46491 2.26828 9.48427 1.77867 9.39265C1.98941 10.0447 2.39844 10.6146 2.94868 11.023C3.49891 11.4314 4.1629 11.6578 4.848 11.6707C3.68769 12.5813 2.25498 13.0755 0.78 13.074C0.52 13.074 0.260667 13.0587 0 13.0293C1.50381 13.9922 3.25234 14.5033 5.038 14.502C11.0733 14.502 14.37 9.50465 14.37 5.17865C14.37 5.03865 14.37 4.89865 14.36 4.75865C15.004 4.29523 15.5595 3.71987 16 3.05999L15.9687 3.04665Z" fill="#888888"/>
+</svg>

partials/loop.hbs

@@ -0,0 +1,13 @@
+<article class="gh-card {{post_class}}">
+    <a class="gh-card-link" href="{{url}}">
+        <header class="gh-card-header">
+            <h2 class="gh-card-title">{{title}}</h2>
+        </header>
+
+        <div class="gh-card-excerpt">{{excerpt}}</div>
+
+        <footer class="gh-card-footer">
+            <time class="gh-card-date" datetime="{{date format="YYYY-MM-DD"}}">{{date}}</time>
+        </footer>
+    </a>
+</article>

partials/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>