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">
+      <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>
-    </header>
+      </div>
+    </div>
 {{/foreach}}

post.hbs

@@ -203,6 +203,7 @@ into the {body} of the default.hbs template --}}
         --}}
       {{/post}}
       {{!-- Related posts --}}
+      {{#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">
@@ -228,6 +229,29 @@ into the {body} of the default.hbs template --}}
             </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>
+            <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">
+                    <div class="m-recommended-slider__item glide__slide">
+                      <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>
+            </div>
+          </div>
+        </section>
+      {{/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') {