-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathauthor.hbs
159 lines (155 loc) · 10 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
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
{{!< default}}
<link rel="stylesheet" href="{{asset "css/profile.css"}}" />
{{!-- ------------------------------------------------------------------------------------------ --}}
{{> "nav"}}
{{#author}}
<main class="profile-page">
<section class="section-profile-cover section-shaped my-0 header-img">
<div class="position-relative">
<section class="section-shaped my-0">
<div id="particles" class="particle"></div>
<div class="header-mask bg-melon-gradient opacity-modifier"></div>
<div id="daylight" class="shape shape-style-2 shape-default shape-skew"></div>
<div class="container shape-container d-flex">
<div class="col px-0">
<div class="row"></div>
</div>
</div>
</section>
</div>
</section>
<section class="section section-lg pt-lg-0 mt--300">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="row row-grid">
<div class="col-lg-3 pr-0">
<div class="card shadow border-0">
<div class="card-body py-10">
<img src="{{profile_image}}" class="rounded-circle img-fluid img-center pfp" alt="{{name}}">
{{#if bio}}
<p class="description mt-3 mb-5 bio text-center">{{bio}}</p>
{{/if}}
<div class="horizontal-divider"></div>
<pre class="font-weight-500 mt-3 mb-3 statistic-section text-success"><i class="fa fa-user-circle fa-fw text-success"></i> Overview</pre>
<div>
<div class="statistic">
<div class="head">
<h6 class="text-dark statistic-field">Published</h6>
</div>
<div class="divider"></div>
<div class="value">
<h6 class="text-dark statistic-field">{{plural ../pagination.total empty='Nothing' singular='% post' plural='% posts'}}</h6>
</div>
</div>
</div>
{{#if location}}
<div>
<div class="statistic">
<div class="head">
<h6 class="text-dark statistic-field">Location</h6>
</div>
<div class="divider"></div>
<div class="value">
<h6 class="text-dark statistic-field">{{location}}</h6>
</div>
</div>
</div>
{{/if}}
{{#has any="website, twitter"}}
<div class="horizontal-divider"></div>
<pre class="font-weight-500 mt-3 mb-3 statistic-section text-success"><i class="fa fa-hashtag fa-fw text-success"></i> Social Media</pre>
{{#if website}}
<div>
<div class="statistic">
<div class="head">
<h6 class="text-dark statistic-field">Website</h6>
</div>
<div class="divider"></div>
<div class="value">
<h6 class="text-dark statistic-field">
<a href="{{website}}" class="text-success shine" target="_blank" rel="noopener">{{website}}</a>
</h6>
</div>
</div>
</div>
{{/if}}
{{#if twitter}}
<div>
<div class="statistic">
<div class="head">
<h6 class="text-dark statistic-field">Twitter</h6>
</div>
<div class="divider"></div>
<div class="value">
<h6 class="text-dark statistic-field">
<a href="{{twitter_url}}" class="text-success shine" target="_blank" rel="noopener">{{twitter}}</a>
</h6>
</div>
</div>
</div>
{{/if}}
{{/has}}
</div>
</div>
</div>
<div class="col-lg-9">
<div class="bg-success-darker shadow-lg no-rad card">
<nav class="navbar-horizontal navbar-dark bg-success-darker navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand">
<h3 class="text-white text-no-transform">
<i class="rank-icon fa fa-crown"></i><strong class="user-title">{{name}}</strong>
</h3>
</a>
</div>
</nav>
</div>
{{/author}}
<div class="shadow border-0 card">
<div class="pt-0 card-body">
{{!-- <div class="nav-wrapper wrap">
<ul class="nav nav-pills nav-fill flex-column flex-md-row" id="tab-controls" role="tablist">
<li class="nav-item">
<a class="nav-link pills-success mb-sm-3 mb-md-0 active" id="posts-tab" data-toggle="tab" href="#posts" role="tab" aria-controls="posts" aria-selected="true">
<i class="fa fa-paper-plane fa-fw mr-1"></i> Posts
</a>
</li>
<li class="nav-item">
<a class="nav-link pills-success mb-sm-3 mb-md-0" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="false">
<i class="fa fa-id-badge fa-fw mr-1"></i> Information
</a>
</li>
</ul>
</div> --}}
<div class="card card-invis">
<div class="card-body">
<div class="tab-content" id="tabs">
<div class="tab-pane fade show active" id="posts" role="tabpanel" aria-labelledby="posts-tab">
{{#foreach posts}}
{{> "post-card-slim"}}
{{/foreach}}
<hr>
<div class="row paginator-section">
<div class="col-md-4"></div>
<div class="col-md-4 d-flex justify-content-center">
{{pagination}}
</div>
<div class="col-md-4"></div>
</div>
</div>
{{!-- <div class="tab-pane fade" id="info" role="tabpanel" aria-labelledby="info-tab">
<p class="description">placeholder</p>
</div> --}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>