-
Notifications
You must be signed in to change notification settings - Fork 2
/
custom-archive-author.hbs
45 lines (37 loc) · 2.39 KB
/
custom-archive-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
{{!-- Layout --}}
{{!< default}}
{{!-- Class for <body> --}}
{{#contentFor "special_body_class"}}archive-author{{/contentFor}}
{{#contentFor "special_site_main_class"}}site-archive{{/contentFor}}
<div class="container">
<section class="row">
{{#post}}
<header class="col s12 u-marginBottom40 u-paddingBottom10 u-textAlignCenter">
<h1 class="site-archive-title u-underline u-fontSizeLargest u-md-fontSize36 u-contentTitle">{{title}}</h1>
{{#if custom_excerpt}}<p class="site-archive-des u-fontSize20 u-marginAuto u-maxWidth740">{{custom_excerpt}}</p>{{/if}}
</header>
{{/post}}
{{#get "authors" limit="all" include='count.posts' order='count.posts desc'}}
{{#foreach authors}}
<div class="col s12 m6 l4 u-flexColumnTop">
<article class="author-card u-marginBottom30 u-relative u-flexColumnTop u-flex--1">
<header class="u-flex--1">
<h2 class="author-card-name u-fontSizeLarge u-textCapitalize"><a href="{{url}}">{{name}}</a></h2>
{{#if bio}}<p class="author-card-bio u-paddingTop15">{{bio}}</p>{{/if}}
</header>
<footer class="u-relative u-textAlignCenter u-paddingTop20 u-flex u-flexCenter">
<div class="author-card-media u-flex1">
{{#if facebook}}<a href="{{facebook_url}}" title="Facebook" target="_blank" rel="noopener noreferrer"><svg class="icon icon--md"><use xlink:href="#icon-facebook"></use></svg></a>{{/if}}
{{#if twitter}}<a href="{{twitter_url}}" title="{{twitter}}" target="_blank" rel="noopener noreferrer"><svg class="icon icon--md"><use xlink:href="#icon-twitter"></use></svg></a>{{/if}}
{{#if website}}<a href="{{website}}" title="{{website}}" target="_blank" rel="noopener noreferrer"><svg class="icon icon--md"><use xlink:href="#icon-link"></use></svg></a>{{/if}}
</div>
<img class="author-card-avatar u-image u-round" src="{{#if profile_image}}{{img_url profile_image size="s"}}{{else}}{{asset "images/avatar.png"}}{{/if}}" alt="{{t "Hi I'm"}} {{name}}" />
</footer>
{{!-- Link --}}
<a href="{{url}}" class="u-absolute0 zindex2" aria-label="{{name}}"></a>
</article>
</div>
{{/foreach}}
{{/get}}
</section>
</div>