post.hbs

   1 {{!-- The tag below means - insert everything in this file into the {body} of the default.hbs template --}}
   2 {{!< default}}
   3
   4 {{!-- Everything inside the #post tags pulls data from the post --}}
   5 {{#post}}
   6
   7     <main id="content" class="container content-inner" role="main" data-id={{comment_id}}>
   8         <article class="{{post_class}}">
   9             <div class="post-meta">
  10                 <time class="post-date" datetime="{{date format="YYYY-MM-DD"}}">{{date format="DD MMMM YYYY"}}</time>
  11                 <div class="tags">{{tags}}</div>
  12             </div>
  13             <h1 class="post-title">{{title}}</h1>
  14             <div class="content-holder">
  15                 {{#if feature_image}}
  16                     <a href="{{img_url feature_image}}" class="zoom">
  17                         <img src="{{img_url feature_image size="m"}}" alt="{{title}}">
  18                     </a>
  19                 {{/if}}
  20             </div>
  21             <section class="post-content content-holder">
  22
  23                 <div class="editor-content">{{content}}</div>
  24
  25                 <div class="social-share">
  26                     <span>{{t "Share"}}</span>
  27                     <a class="twitter" href="https://twitter.com/intent/tweet/?text={{encode title}}&url={{url absolute="true"}}" target="_blank" title="{{t "Share on Twitter"}}"></a>
  28                     <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}" target="_blank" title="{{t "Share on Facebook"}}"></a>
  29                 </div>
  30             </section>
  31         </article>
  32     </main>
  33
  34     <div class="post-footer">
  35         <div class="tags">{{tags}}</div>
  36
  37         {{!-- Everything inside the #author tags pulls data from the author --}}
  38         {{#if authors}}
  39             <section class="authors">
  40                 {{#foreach authors}}
  41                     <section class="author container">
  42                         {{#if profile_image}}
  43                         <figure class="author-image">
  44                             <a class="img" href="{{url}}" title="{{name}}"><img src="{{img_url profile_image size="xs"}}" alt="{{name}}"></a>
  45                         </figure>
  46                         {{/if}}
  47
  48                         <h4><a href="{{url}}">{{name}}</a></h4>
  49
  50                         {{#if bio}}
  51                             <p>{{bio}}</p>
  52                         {{else}}
  53                             <p>{{{t "Read <a href='{url}'>more posts</a> by this author" url=(url)}}}.</p>
  54                         {{/if}}
  55                         <div class="author-meta">
  56                             {{#if location}}<span class="author-location">{{location}}</span>{{/if}}
  57                             {{#if website}}<span class="author-link"><a href="{{website}}" target="_blank" rel="noopener noreferrer">{{website}}</a></span>{{/if}}
  58                         </div>
  59                         <div class="social">
  60                             {{#if twitter}}<a href="{{twitter_url}}" class="twitter" title="{{twitter}}" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>{{/if}}
  61                             {{#if facebook}}<a href="{{facebook_url}}" class="facebook" title="{{facebook}}" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-f"></i></a>{{/if}}
  62                         </div>
  63                     </section>
  64                 {{/foreach}}
  65             </section>
  66         {{/if}}
  67
  68         <div class="comments"></div>
  69     </div>
  70
  71     <div class="tooltip tooltip--smaug" data-type="smaug">
  72         <div class="tooltip-base">
  73             <div class="tooltip-content"></div>
  74         </div>
  75     </div>
  76
  77 {{/post}}