/
home.hbs
105 lines (91 loc) · 4.35 KB
/
home.hbs
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
94
95
96
97
98
99
100
101
102
103
104
105
{{!< default}} <main id="sm-main">
{{#match @custom.hero_description}}
{{> "hero"}}
{{/match}}
<div class="sm-grid">
<h2 class="sm-home-header">These Are the Latest Posts</h2>
<section class="sm-home-grid">
{{#foreach posts from="1" to="6"}}
{{> "cards/card-base"}}
{{/foreach}}
</section>
<h2 class="sm-home-header">Check It Out. I'm Online</h2>
<section class="sm-home-grid sm-social-media-container">
{{#if @custom.social_media_1_url}}
<article class="sm-card sm-card-small-square sm-card-social-media {{@custom.social_media_1}}">
<a class="sm-flex-v" href="{{@custom.social_media_1_url}}"
aria-label="Follow me on {{@custom.social_media_1 }}">
<svg aria-hidden="true">
<use href="#{{@custom.social_media_1}}-icon"></use>
</svg>
</a>
</article>
{{/if}}
{{#if @custom.social_media_2_url}}
<article class="sm-card sm-card-small-square sm-card-social-media {{@custom.social_media_2}}">
<a class="sm-flex-v" href="{{@custom.social_media_2_url}}"
aria-label="Follow me on {{@custom.social_media_2 }}">
<svg aria-hidden="true">
<use href="#{{@custom.social_media_2}}-icon"></use>
</svg>
</a>
</article>
{{/if}}
{{#if @custom.social_media_3_url}}
<article class="sm-card sm-card-small-square sm-card-social-media {{@custom.social_media_3}}">
<a class="sm-flex-v" href="{{@custom.social_media_3_url}}"
aria-label="Follow me on {{@custom.social_media_3 }}">
<svg aria-hidden="true">
<use href="#{{@custom.social_media_3}}-icon"></use>
</svg>
</a>
</article>
{{/if}}
{{#if @custom.social_media_4_url}}
<article class="sm-card sm-card-small-square sm-card-social-media {{@custom.social_media_4}}">
<a class="sm-flex-v" href="{{@custom.social_media_4_url}}"
aria-label="Follow me on {{@custom.social_media_4 }}">
<svg aria-hidden="true">
<use href="#{{@custom.social_media_4}}-icon"></use>
</svg>
</a>
</article>
{{/if}}
</section>
<h2 class="sm-home-header">What I'm Listening To</h2>
{{> "playlist"}}
<h2 class="sm-home-header">The Good Posts Keep On Rollin'</h2>
<section class="sm-home-grid">
{{#foreach posts from="7" to="12"}}
{{> "cards/card-base"}}
{{/foreach}}
</section>
<h2 class="sm-home-header">A Short History of This Site</h2>
<p class="sm-home-history">I published the first post on this site {{#get "posts" order="published_at asc" limit="1"}}{{#foreach posts}}{{date timeago="true"}}{{/foreach}}{{/get}}. Since then,
I’ve
racked up
{{pagination.total}} posts and {{total_members}} members. {{^match @member}}If you’re the type who is interested in
building things on the web or just randomly likes to sign up for things, consider <a
href="#/portal/signup">subscribing</a>. It’s free, spamless, and you can unsub at any time.</p>{{else}}And thank you for being one of them. Let’s have a beer sometime 🍻{{/match}}
<h2 class="sm-home-header">Let's Keep Things Topical</h2>
<section class="sm-home-grid">
{{#get "tags" include="count.posts" limit="8" order="count.posts desc" filter="visibility:public" as
|tags|}}
{{#foreach tags}}
{{> "cards/card-tag"}}
{{/foreach}}
{{/get}}
</section>
<h2 class="sm-home-header">A Smidge More Posts</h2>
<section class="sm-home-grid">
{{#foreach posts from="13" to="18"}}
{{> "cards/card-base"}}
{{/foreach}}
</section>
<h2 class="sm-home-header">What I'm reading</h2>
<div class="sm-reading-list">
{{> "reading"}}
</div>
</div>
</main>
{{pagination}}