digioli-ghost-theme/post.hbs at master · roppa/digioli-ghost-theme · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
{{!< default}}

{{#post}}
<section class="hero is-medium is-primary">
  <div class="hero-body">
    <div class="container">
      <div class="columns">
        <div class="column is-10-desktop is-offset-1-desktop">
          <h1 class="title is-2 is-spaced">{{title}}</h1>
          <section class="post-full-meta">
            <time class="post-full-meta-date" datetime="{{date format=" YYYY-MM-DD "}}">{{date format="D MMMM YYYY"}}</time>
            {{#primary_tag}}
            <span class="date-divider">/</span>
            <a href="{{url}}" title="{{name}}">{{name}}</a>
            {{/primary_tag}}
          </section>
        </div>
      </div>
    </div>
  </div>
</section>
<main class="section">
  <div class="container">
    <div class="columns">
      <div class="column is-10-desktop is-offset-1-desktop">
        <div class="content" id="maincontent">
          {{content}}
        </div>
        <div class="section tags">
          {{#if tags}}
          <h3 class="title is-3 is-spaced">Tags</h3>
          <ul>
            {{#foreach tags}}
            <li class="tag is-primary is-medium">
              <a href="{{url}}" title="{{name}}">{{name}}</a>
            </li>
            {{/foreach}}
          </ul>
          {{/if}}
        </div>
        <div class="section">
          <aside>
            <div id="disqus_thread"></div>
            <script>
              var disqus_config = function () {
                this.page.url = '{{url absolute="true"}}';
                this.page.identifier = 'ghost-{{comment_id}}';
              };
              (function () {
                var d = document, s = d.createElement('script');
                s.src = 'https://digioli.disqus.com/embed.js';
                s.setAttribute('data-timestamp', +new Date());
                (d.head || d.body).appendChild(s);
              })();
            </script>
            <noscript>Please enable JavaScript to view the
              <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>
            </noscript>
          </aside>
        </div>
      </div>
    </div>
    <aside class="columns">
      {{#if primary_tag}}
        {{#get "posts" filter="tags:{{primary_tag.slug}}+id:-{{comment_id}}" limit="7" as |related_posts|}}
          {{#if related_posts}}
            <article class="card column is-3">
              <div class="card-content">
                <h2 class="title is-3">Related posts</h2>
                {{#foreach related_posts}}
                <div class="media">
                  <ul class="media-content">
                    <li><a href="{{url}}" title="{{title}}">{{title}}</a></li>
                  </ul>
                </div>
                {{/foreach}}
              </div>
            </article>
            {{/if}}
          {{/get}}
        {{/if}}

        {{#next_post}}
          {{> "post-article"}}
        {{/next_post}}

        {{#prev_post}}
          {{> "post-article"}}
        {{/prev_post}}
    </aside>
  </div>
</main>
{{/post}}