author.hbs

   1 {{!< default}}
   2 {{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
   3
   4
   5 <section class="outer">
   6     <div class="inner posts">
   7
   8         <header class="author-profile">
   9             {{#author}}
  10             {{!-- Everything inside the #author tags pulls data from the author --}}
  11
  12             <div class="author-profile-content">
  13
  14                 {{#if profile_image}}
  15                 <img class="author-profile-pic" src="{{profile_image}}" alt="{{name}}" />
  16                 {{else}}
  17                 <span class="author-profile-pic">{{> "icons/avatar"}}</span>
  18                 {{/if}}
  19
  20                 <h1>{{name}}</h1>
  21                 <p>
  22                     {{#if bio}}
  23                         {{bio}}
  24                     {{else}}
  25                         {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}} published
  26                     {{/if}}
  27                 </p>
  28
  29                 <div class="author-profile-meta">
  30                     {{#if location}}
  31                     <div class="author-profile-location">📍 {{location}}</div>
  32                     {{/if}}
  33                     {{#if website}}
  34                     <span ></span><a class="author-profile-social-link" href="{{website}}" target="_blank" rel="noopener">{{website}}</a></span>
  35                     {{/if}}
  36                     {{#if twitter}}
  37                     <span ></span><a class="author-profile-social-link" href="{{twitter_url}}" target="_blank" rel="noopener">{{twitter_url}}</a></span>
  38                     {{/if}}
  39                     {{#if facebook}}
  40                     <span ></span><a class="author-profile-social-link" href="{{facebook_url}}" target="_blank" rel="noopener">{{facebook_url}}</a></span>
  41                     {{/if}}
  42                 </div>
  43
  44             </div>
  45
  46             {{/author}}
  47         </header>
  48
  49         <div class="post-feed">
  50             {{#foreach posts}}
  51                 {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}
  52                 {{> "post-card"}}
  53             {{/foreach}}
  54         </div>
  55
  56     </div>
  57 </section>