Authors page integrated 👫

error-404.hbs

@@ -1,7 +1,7 @@
 {{!< default}}
 
 {{!-- The header --}}
-{{> header background=@site.cover_image}}
+{{> header }}
 
 <main class="l-fullscreen">
   <section class="l-fullscreen__content" data-aos="fade-up" data-aos-delay="300">

index.hbs

@@ -1,5 +1,4 @@
 {{!< default}}
-{{!-- Insert everything in this file into the {body} of the default.hbs template --}}
 
 {{!-- The header --}}
 {{> header background=@site.cover_image}}

page-authors.hbs

@@ -0,0 +1,68 @@
+{{!< default}}
+
+{{!-- The header --}}
+{{> header }}
+
+{{#post}}
+  <main>
+    <header class="m-hero" data-aos="fade">
+      <div class="m-hero__content" data-aos="fade-down">
+        <h1 class="m-hero-title">{{title}}</h1>
+        <p class="m-hero-description">{{excerpt}}</p>
+      </div>
+    </header>
+    <section class="l-content">
+      <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
+        {{#get 'authors' limit='all' include='count.posts' order='count.posts desc'}}
+          <section class="l-grid centered">
+            {{#foreach authors}}
+              <article class="m-article-card as-author">
+                {{#if profile_image}}
+                  <div class="m-article-card__picture" style="background-image: url({{profile_image}})">
+                {{else}}
+                  <div class="m-article-card__picture" style="background-image: url({{asset "images/default-avatar-rectangle.jpg"}})">
+                {{/if}}
+                  <a href="{{url}}" class="m-article-card__picture-link" aria-label="Author"></a>
+                  <h3 class="m-article-card__name">{{name}}</h3>
+                </div>
+                <div class="m-article-card__info">
+                  <a href="{{url}}" class="m-article-card__info-link">
+                    <p class="m-article-card__excerpt">{{bio}}</p>
+                  </a>
+                  <div class="m-article-card__author-stats">
+                    <span>
+                      {{plural count.posts empty="No posts" singular="% post" plural="% posts"}}
+                    </span>
+                    <ul class="m-article-card__social">
+                      {{#if website}}
+                        <li>
+                          <a href="{{website}}" target="_blank" rel="noopener">
+                            <span class="icon-globe"></span>
+                          </a>
+                        </li>
+                      {{/if}}
+                      {{#if facebook}}
+                      <li>
+                        <a href="https://facebook.com/{{facebook}}" target="_blank" rel="noopener">
+                          <span class="icon-facebook"></span>
+                        </a>
+                      </li>
+                      {{/if}}
+                      {{#if twitter}}
+                      <li>
+                        <a href="https://twitter.com/{{twitter}}" target="_blank" rel="noopener">
+                          <span class="icon-twitter"></span>
+                        </a>
+                      </li>
+                      {{/if}}
+                    </ul>
+                  </div>
+                </div>
+              </article>
+            {{/foreach}}
+          </section>
+        {{/get}}
+      </div>
+    </section>
+  </main>
+{{/post}}