-
Notifications
You must be signed in to change notification settings - Fork 2
/
author.hbs
67 lines (55 loc) · 3.25 KB
/
author.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
{{!< default}}
{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
{{#author}}
{{!-- custom Styles For tag <body> --}}
{{#contentFor "special_body_class"}}is-author has-cover is-transparent{{/contentFor}}
{{!-- Author content --}}
<div class="author cover u-boxShadowBottom">
{{#if cover_image}}
<span class="u-absolute0 cover-gradient zindex2"></span>
<img class="u-absolute0 u-image u-block zindex1 blur-up lazyload"
src="{{img_url cover_image size="m"}}"
srcset="{{img_url cover_image size="xxs"}}"
data-srcset="{{img_url cover_image size="s"}} 300w,
{{img_url cover_image size="m"}} 600w,
{{img_url cover_image size="l"}} 1000w,
{{img_url cover_image size="xl"}} 2000w"
data-sizes="(max-width: 800px) 400px, (max-width: 1170px) 700px, 1400px"
alt="{{name}}"
/>
{{/if}}
<article class="cover-wrap container u-flexColumnTop u-relative u-textAlignCenter zindex3">
{{!-- author avatar --}}
<figure class="author-avatar animated bounceInDown u-round u-relative u-marginAuto">
<img class="u-absolute u-image u-block u-round" src="{{#if profile_image}}{{img_url profile_image size="s"}}{{else}}{{asset "images/avatar.png"}}{{/if}}" alt="{{t "Hi I'm"}} {{name}}"/>
</figure>
{{!-- Author name --}}
<h1 class="cover-title animated bounceIn u-fontSize40 u-md-fontSize36 u-marginTop20 u-underline">{{name}}</h1>
{{!-- author biography --}}
{{#if bio}}<p class="cover-des u-marginAuto u-marginBottom30 u-fontSize20">{{bio}}</p>{{/if}}
{{!-- Author (Location - website - RSS) --}}
<div class="author-meta buttonSet">
{{#if location}}
<span class="author-location button"><svg class="icon"><use xlink:href="#icon-map"></use></svg> {{location}}</span>
{{/if}}
{{#if website}}
<a href="{{website}}" class="author-link button" target="_blank" rel="noopener noreferrer">
<svg class="icon"><use xlink:href="#icon-link"></use></svg>
{{website}}
</a>
{{/if}}
<a href="https://feedly.com/i/subscription/feed/{{url absolute="true"}}rss/" class="author-stats button" target="_blank" rel="noopener noreferrer">
<svg class="icon"><use xlink:href="#icon-rss"></use></svg>
{{plural ../pagination.total empty=(t "No posts") singular=(t "1 post") plural=(t "% posts")}}
</a>
</div>
{{!-- Author Facebook and Twitter --}}
<div class="author-follow buttonSet u-marginTop30">
{{#if facebook}}<a href="{{facebook_url}}" title="Facebook" class="button u-textColorWhite bg-facebook" target="_blank" rel="noopener noreferrer"><svg class="icon"><use xlink:href="#icon-facebook"></use></svg> Facebook</a>{{/if}}
{{#if twitter}}<a href="{{twitter_url}}" title="{{twitter}}" class="button u-textColorWhite bg-twitter" target="_blank" rel="noopener noreferrer"><svg class="icon"><use xlink:href="#icon-twitter"></use></svg> Twitter</a>{{/if}}
</div>
</article>
</div>
{{/author}}
{{!-- The tag below includes the post loop - partials/loop.hbs --}}
{{>"loop"}}