Releases version 0.9.1

default.hbs

@@ -65,11 +65,11 @@
         font-weight: normal;
         font-style: normal;
         font-display: swap;
-        src: url("{{asset 'fonts/icomoon/icomoon.eot?aoz2mo'}}");
+        src: url("{{asset 'fonts/icomoon/icomoon.eot?101fc3'}}");
-        src: url("{{asset 'fonts/icomoon/icomoon.eot?aoz2mo#iefix'}}") format('embedded-opentype'),
+        src: url("{{asset 'fonts/icomoon/icomoon.eot?101fc3#iefix'}}") format('embedded-opentype'),
-        url("{{asset 'fonts/icomoon/icomoon.ttf?aoz2mo'}}") format('truetype'),
+        url("{{asset 'fonts/icomoon/icomoon.ttf?101fc3'}}") format('truetype'),
-        url("{{asset 'fonts/icomoon/icomoon.woff?aoz2mo'}}") format('woff'),
+        url("{{asset 'fonts/icomoon/icomoon.woff?101fc3'}}") format('woff'),
-        url("{{asset 'fonts/icomoon/icomoon.svg?aoz2mo#icomoon'}}") format('svg');
+        url("{{asset 'fonts/icomoon/icomoon.svg?101fc3#icomoon'}}") format('svg');
       }
     </style>
 

package.json

@@ -54,5 +54,5 @@
     "desktop": "assets/screenshot-desktop.jpg",
     "mobile": "assets/screenshot-mobile.jpg"
   },
-  "version": "0.9.0"
+  "version": "0.9.1"
 }

partials/loop.hbs

@@ -47,10 +47,12 @@
     </div>
   {{/is}}
   {{else}}
-    <header class="m-heading no-margin">
+    <div class="m-recommended-slider__item glide__slide">
-      <h3>{{t "No posts found"}}</h3>
+      <div class="m-heading no-margin">
-      <p>
+        <h3>{{t "No posts found"}}</h3>
-        {{t "Apparently there are no posts at the moment, check again later."}}
+        <p>
-      </p>
+          {{t "Apparently there are no posts at the moment, check again later."}}
-    </header>
+        </p>
+      </div>
+    </div>
 {{/foreach}}

post.hbs

@@ -203,7 +203,33 @@ into the {body} of the default.hbs template --}}
         --}}
       {{/post}}
       {{!-- Related posts --}}
-      {{#get "posts" limit="3" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags,authors" as |related|}}
+      {{#if post.tags.length}}
+        {{#get "posts" limit="3" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags,authors" as |related|}}
+          <section class="m-recommended">
+            <div class="l-wrapper in-recommended">
+              <h3 class="m-section-title in-recommended">{{t "Recommended for you"}}</h3>
+              <div class="m-recommended-articles">
+                <div class="m-recommended-slider glide js-recommended-slider">
+                  <div class="glide__track" data-glide-el="track">
+                    <div class="glide__slides">
+                      {{!-- The tag below iterates over all the related posts --}}
+                      {{> "loop"}}
+                    </div>
+                  </div>
+                  <div data-glide-el="controls" class="glide__arrows js-controls">
+                    <button data-glide-dir="<" class="m-icon-button filled in-recommended-articles glide-prev" aria-label="{{t "Previous"}}">
+                      <span class="icon-arrow-left" aria-hidden="true"></span>
+                    </button>
+                    <button data-glide-dir=">" class="m-icon-button filled in-recommended-articles glide-next" aria-label="{{t "Next"}}">
+                      <span class="icon-arrow-right" aria-hidden="true"></span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </section>
+        {{/get}}
+      {{else}}
         <section class="m-recommended">
           <div class="l-wrapper in-recommended">
             <h3 class="m-section-title in-recommended">{{t "Recommended for you"}}</h3>
@@ -211,23 +237,21 @@ into the {body} of the default.hbs template --}}
               <div class="m-recommended-slider glide js-recommended-slider">
                 <div class="glide__track" data-glide-el="track">
                   <div class="glide__slides">
-                    {{!-- The tag below iterates over all the related posts --}}
+                    <div class="m-recommended-slider__item glide__slide">
-                    {{> "loop"}}
+                      <div class="m-heading no-margin">
+                        <h3>{{t "No posts found"}}</h3>
+                        <p>
+                          {{t "Apparently there are no posts at the moment, check again later."}}
+                        </p>
+                      </div>
+                    </div>
                   </div>
                 </div>
-                <div data-glide-el="controls" class="glide__arrows js-controls">
-                  <button data-glide-dir="<" class="m-icon-button filled in-recommended-articles glide-prev" aria-label="{{t "Previous"}}">
-                    <span class="icon-arrow-left" aria-hidden="true"></span>
-                  </button>
-                  <button data-glide-dir=">" class="m-icon-button filled in-recommended-articles glide-next" aria-label="{{t "Next"}}">
-                    <span class="icon-arrow-right" aria-hidden="true"></span>
-                  </button>
-                </div>
               </div>
             </div>
           </div>
         </section>
-      {{/get}}
+      {{/if}}
     </div>
   </article>
 </main>

src/sass/common/_global.scss

@@ -30,7 +30,7 @@ body {
 }
 
 p {
-  line-height: 1.3;
+  line-height: 1.5;
   margin: 0;
 }
 

src/sass/components/author/_author.scss

@@ -48,6 +48,9 @@
   text-align: center;
 
   @include respond-to('medium') {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
     flex: 1;
     text-align: left;
   }

src/sass/components/header/_nav.scss

@@ -87,7 +87,7 @@
         span {
           display: inline-block;
           color: inherit;
-          font-size: 0.375rem;
+          font-size: 1rem;
           margin-left: 8px;
           @include transform(translateY(1px));
         }

src/sass/components/ui/_icon-button.scss

@@ -85,7 +85,7 @@
   }
 
   &.more {
-    font-size: 6px;
+    font-size: 1.25rem;
     z-index: 6;
     position: relative;
 

src/sass/layouts/_post-content.scss

@@ -3,6 +3,7 @@
 
   @include respond-to('medium') {
     max-width: 820px;
+    min-height: 400px;
     margin: 0 auto;
 
     @include respond-to('medium') {