trophy-ghost/post.hbs at master · thomasvaeth/trophy-ghost · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
{{!< default}}

{{#post}}

<article>

  <header class="section-padding--lg mast rellax" data-rellax-speed="-4">
    <a class="nav nav--white" href="{{@blog.url}}">
      <i class="fa fa-lg fa-arrow-left"></i>
      <span>Back to Posts</span>
    </a>
    <figure class="absolute-bg mast__img" style="background-image: url('{{img_url feature_image absolute="true"}}');"></figure>
    <div class="mast__container">
      <span><time datetime="{{date format="YYYY-MM-DD"}}">{{date format="MMM D, YYYY"}}</time></span>
      <h1>{{title}}</h1>
      {{#if tags}}
        <span>
          {{#author}}
            <a href="{{url}}">{{name}}</a>
          {{/author}}
          in {{tags}}
        </span>
      {{/if}}
    </div>
  </header>

  <section class="section-padding bg-grey">
    <div class="post">
      {{content}}
    </div>
  </section>

  {{#author}}
    <section class="profile">
      <div class="profile__card">
        <div class="profile__img">
          <figure class="absolute-bg" style="background-image: url('{{img_url profile_image absolute="true"}}');"></figure>
        </div>
        <div class="profile__container">
          <p>{{bio}}</p>
          <ul class="profile__social">
            {{#if facebook}}
              <li><a class="fa fa-lg fa-facebook" href="{{facebook_url}}" target="_blank"></a></li>
            {{/if}}
            {{#if twitter}}
              <li><a class="fa fa-lg fa-twitter" href="{{twitter_url}}" target="_blank"></a></li>
            {{/if}}
          </ul>
        </div>
      </div>
    </section>
  {{/author}}

</article>

{{#prev_post}}
  <section class="next">
    <a class="next__link" href="{{url}}" style="background-image: url('{{img_url feature_image absolute="true"}}');">
      <div class="next__container">
        <span>Read Next</span>
        <h2>{{title}}</h2>
      </div>
    </a>
  </section>
{{/prev_post}}

{{/post}}