1+ {% assign author = page.author | default: page.authors[0] | default: site.author %}
2+ {% assign author = site.data.authors[author] | default: author %}
3+
4+ < div itemscope itemtype ="https://schema.org/Person " class ="h-card ">
5+
6+ < div class ="author-avatar ">
7+ {% if author.avatar %}
8+ < img loading ="{{ loading }} " src ="{{ author.avatar | relative_url }} " alt ="An image of {{ author.name }} ">
9+ {% else %}
10+ < img loading ="{{ loading }} " src ="{{ site.author.avatar | relative_url }} " alt ="An image of {{ author.name }} ">
11+ {% endif %}
12+ </ div >
13+
14+ < div class ="author-info ">
15+
16+ < b class ="author-name ">
17+ {% if author.links %}
18+ < a href ="{{ author.links[0].url }} " aria-label ="Access the primary external link of this author "> {{
19+ author.name }}</ a >
20+ {% else %}
21+ {{ author.name }}
22+ {% endif %}
23+ </ b >
24+
25+ {% if author.bio %}
26+ < div class ="author-bio ">
27+ {{ author.bio | markdownify }}
28+ </ div >
29+ {% endif %}
30+
31+ {% if author.note %}
32+ < div class ="author-note ">
33+ {{ author.note }}
34+ </ div >
35+ {% endif %}
36+
37+ </ div >
38+
39+ < div class ="author__urls-wrapper ">
40+ < button class ="btn btn--inverse "> {{ site.data.ui-text[site.locale].follow_label | remove: ":" | default:
41+ "Follow" }}</ button >
42+
43+ < ul class ="author__urls ">
44+
45+ {% if author.location %}
46+ < li itemprop ="homeLocation " itemscope itemtype ="https://schema.org/Place ">
47+ < i class ="fas fa-fw fa-map-marker-alt " aria-hidden ="true "> </ i > < span itemprop ="name "
48+ class ="p-locality "> {{ author.location }}</ span >
49+ </ li >
50+ {% endif %}
51+
52+ {% if author.links %}
53+ < li >
54+ {% for link in author.links %}
55+ {% include infer-icon.html link=link %}
56+ {% if icon %}
57+ < a href ="{{ link.url }} " class ="author-button ">
58+ < i class ="{{ icon }} author-button " aria-label ="Access author's external link for {{ icon }} ">
59+ </ i >
60+ {{ link.label }}
61+ </ a >
62+ {% endif %}
63+ {% endfor %}
64+ </ li >
65+ {% endif %}
66+
67+ {% if author.uri %}
68+ < li >
69+ < a href ="{{ author.uri }} " itemprop ="url " rel ="me ">
70+ < i class ="fas fa-fw fa-link " aria-hidden ="true "> </ i > < span class ="label "> {{
71+ site.data.ui-text[site.locale].website_label | default: "Website" }}</ span >
72+ </ a >
73+ </ li >
74+ {% endif %}
75+
76+ {% if author.email %}
77+ < li >
78+ < a href ="mailto:{{ author.email }} " rel ="me " class ="u-email ">
79+ < meta itemprop ="email " content ="{{ author.email }} " />
80+ < i class ="fas fa-fw fa-envelope-square " aria-hidden ="true "> </ i > < span class ="label "> {{
81+ site.data.ui-text[site.locale].email_label | default: "Email" }}</ span >
82+ </ a >
83+ </ li >
84+ {% endif %}
85+
86+ {% if author.keybase %}
87+ < li >
88+ < a href ="https://keybase.io/{{ author.keybase }} " itemprop ="sameAs "
89+ rel ="nofollow noopener noreferrer me ">
90+ < i class ="fab fa-fw fa-keybase " aria-hidden ="true "> </ i > < span class ="label "> Keybase</ span >
91+ </ a >
92+ </ li >
93+ {% endif %}
94+
95+ {% if author.twitter %}
96+ < li >
97+ < a href ="https://twitter.com/{{ author.twitter }} " itemprop ="sameAs "
98+ rel ="nofollow noopener noreferrer me ">
99+ < i class ="fab fa-fw fa-twitter-square " aria-hidden ="true "> </ i > < span class ="label "> Twitter</ span >
100+ </ a >
101+ </ li >
102+ {% endif %}
103+
104+ {% if author.facebook %}
105+ < li >
106+ < a href ="https://www.facebook.com/{{ author.facebook }} " itemprop ="sameAs "
107+ rel ="nofollow noopener noreferrer me ">
108+ < i class ="fab fa-fw fa-facebook-square " aria-hidden ="true "> </ i > < span class ="label "> Facebook</ span >
109+ </ a >
110+ </ li >
111+ {% endif %}
112+
113+ {% if author.linkedin %}
114+ < li >
115+ < a href ="https://www.linkedin.com/in/{{ author.linkedin }} " itemprop ="sameAs "
116+ rel ="nofollow noopener noreferrer me ">
117+ < i class ="fab fa-fw fa-linkedin " aria-hidden ="true "> </ i > < span class ="label "> LinkedIn</ span >
118+ </ a >
119+ </ li >
120+ {% endif %}
121+
122+ {% if author.xing %}
123+ < li >
124+ < a href ="https://www.xing.com/profile/{{ author.xing }} " itemprop ="sameAs "
125+ rel ="nofollow noopener noreferrer me ">
126+ < i class ="fab fa-fw fa-xing-square " aria-hidden ="true "> </ i > < span class ="label "> XING</ span >
127+ </ a >
128+ </ li >
129+ {% endif %}
130+
131+ {% if author.instagram %}
132+ < li >
133+ < a href ="https://instagram.com/{{ author.instagram }} " itemprop ="sameAs "
134+ rel ="nofollow noopener noreferrer me ">
135+ < i class ="fab fa-fw fa-instagram " aria-hidden ="true "> </ i > < span class ="label "> Instagram</ span >
136+ </ a >
137+ </ li >
138+ {% endif %}
139+
140+ {% if author.tumblr %}
141+ < li >
142+ < a href ="https://{{ author.tumblr }}.tumblr.com " itemprop ="sameAs "
143+ rel ="nofollow noopener noreferrer me ">
144+ < i class ="fab fa-fw fa-tumblr-square " aria-hidden ="true "> </ i > < span class ="label "> Tumblr</ span >
145+ </ a >
146+ </ li >
147+ {% endif %}
148+
149+ {% if author.bitbucket %}
150+ < li >
151+ < a href ="https://bitbucket.org/{{ author.bitbucket }} " itemprop ="sameAs "
152+ rel ="nofollow noopener noreferrer me ">
153+ < i class ="fab fa-fw fa-bitbucket " aria-hidden ="true "> </ i > < span class ="label "> Bitbucket</ span >
154+ </ a >
155+ </ li >
156+ {% endif %}
157+
158+ {% if author.github %}
159+ < li >
160+ < a href ="https://github.com/{{ author.github }} " itemprop ="sameAs "
161+ rel ="nofollow noopener noreferrer me ">
162+ < i class ="fab fa-fw fa-github " aria-hidden ="true "> </ i > < span class ="label "> GitHub</ span >
163+ </ a >
164+ </ li >
165+ {% endif %}
166+
167+ {% if author.gitlab %}
168+ < li >
169+ < a href ="https://gitlab.com/{{ author.gitlab }} " itemprop ="sameAs "
170+ rel ="nofollow noopener noreferrer me ">
171+ < i class ="fab fa-fw fa-gitlab " aria-hidden ="true "> </ i > < span class ="label "> GitLab</ span >
172+ </ a >
173+ </ li >
174+ {% endif %}
175+
176+ {% if author.stackoverflow %}
177+ < li >
178+ < a href ="https://stackoverflow.com/users/{{ author.stackoverflow }} " itemprop ="sameAs "
179+ rel ="nofollow noopener noreferrer me ">
180+ < i class ="fab fa-fw fa-stack-overflow " aria-hidden ="true "> </ i > < span class ="label "> Stack
181+ Overflow</ span >
182+ </ a >
183+ </ li >
184+ {% endif %}
185+
186+ {% if author.lastfm %}
187+ < li >
188+ < a href ="https://last.fm/user/{{ author.lastfm }} " itemprop ="sameAs "
189+ rel ="nofollow noopener noreferrer me ">
190+ < i class ="fab fa-fw fa-lastfm-square " aria-hidden ="true "> </ i > < span class ="label "> Last.fm</ span >
191+ </ a >
192+ </ li >
193+ {% endif %}
194+
195+ {% if author.dribbble %}
196+ < li >
197+ < a href ="https://dribbble.com/{{ author.dribbble }} " itemprop ="sameAs "
198+ rel ="nofollow noopener noreferrer me ">
199+ < i class ="fab fa-fw fa-dribbble " aria-hidden ="true "> </ i > < span class ="label "> Dribbble</ span >
200+ </ a >
201+ </ li >
202+ {% endif %}
203+
204+ {% if author.pinterest %}
205+ < li >
206+ < a href ="https://www.pinterest.com/{{ author.pinterest }} " itemprop ="sameAs "
207+ rel ="nofollow noopener noreferrer me ">
208+ < i class ="fab fa-fw fa-pinterest " aria-hidden ="true "> </ i > < span class ="label "> Pinterest</ span >
209+ </ a >
210+ </ li >
211+ {% endif %}
212+
213+ {% if author.foursquare %}
214+ < li >
215+ < a href ="https://foursquare.com/{{ author.foursquare }} " itemprop ="sameAs "
216+ rel ="nofollow noopener noreferrer me ">
217+ < i class ="fab fa-fw fa-foursquare " aria-hidden ="true "> </ i > < span class ="label "> Foursquare</ span >
218+ </ a >
219+ </ li >
220+ {% endif %}
221+
222+ {% if author.steam %}
223+ < li >
224+ < a href ="https://steamcommunity.com/id/{{ author.steam }} " itemprop ="sameAs "
225+ rel ="nofollow noopener noreferrer me ">
226+ < i class ="fab fa-fw fa-steam " aria-hidden ="true "> </ i > < span class ="label "> Steam</ span >
227+ </ a >
228+ </ li >
229+ {% endif %}
230+
231+ {% if author.youtube %}
232+ {% if author.youtube contains "://" %}
233+ < li >
234+ < a href ="{{ author.youtube }} " itemprop ="sameAs " rel ="nofollow noopener noreferrer me ">
235+ < i class ="fab fa-fw fa-youtube " aria-hidden ="true "> </ i > < span class ="label "> YouTube</ span >
236+ </ a >
237+ </ li >
238+ {% elsif author.youtube %}
239+ < li >
240+ < a href ="https://www.youtube.com/user/{{ author.youtube }} " itemprop ="sameAs "
241+ rel ="nofollow noopener noreferrer me ">
242+ < i class ="fab fa-fw fa-youtube " aria-hidden ="true "> </ i > < span class ="label "> YouTube</ span >
243+ </ a >
244+ </ li >
245+ {% endif %}
246+ {% endif %}
247+
248+ {% if author.soundcloud %}
249+ < li >
250+ < a href ="https://soundcloud.com/{{ author.soundcloud }} " itemprop ="sameAs "
251+ rel ="nofollow noopener noreferrer me ">
252+ < i class ="fab fa-fw fa-soundcloud " aria-hidden ="true "> </ i > < span class ="label "> SoundCloud</ span >
253+ </ a >
254+ </ li >
255+ {% endif %}
256+
257+ {% if author.weibo %}
258+ < li >
259+ < a href ="https://www.weibo.com/{{ author.weibo }} " itemprop ="sameAs "
260+ rel ="nofollow noopener noreferrer me ">
261+ < i class ="fab fa-fw fa-weibo " aria-hidden ="true "> </ i > < span class ="label "> Weibo</ span >
262+ </ a >
263+ </ li >
264+ {% endif %}
265+
266+ {% if author.flickr %}
267+ < li >
268+ < a href ="https://www.flickr.com/{{ author.flickr }} " itemprop ="sameAs "
269+ rel ="nofollow noopener noreferrer me ">
270+ < i class ="fab fa-fw fa-flickr " aria-hidden ="true "> </ i > < span class ="label "> Flickr</ span >
271+ </ a >
272+ </ li >
273+ {% endif %}
274+
275+ {% if author.codepen %}
276+ < li >
277+ < a href ="https://codepen.io/{{ author.codepen }} " itemprop ="sameAs "
278+ rel ="nofollow noopener noreferrer me ">
279+ < i class ="fab fa-fw fa-codepen " aria-hidden ="true "> </ i > < span class ="label "> CodePen</ span >
280+ </ a >
281+ </ li >
282+ {% endif %}
283+
284+ {% if author.vine %}
285+ < li >
286+ < a href ="https://vine.co/u/{{ author.vine }} " itemprop ="sameAs " rel ="nofollow noopener noreferrer me ">
287+ < i class ="fab fa-fw fa-vine " aria-hidden ="true "> </ i > < span class ="label "> {{
288+ site.data.ui-text[site.locale].email_label | default: "Email" }}</ span >
289+ </ a >
290+ </ li >
291+ {% endif %}
292+
293+ {% include author-profile-custom-links.html %}
294+ </ ul >
295+ </ div >
296+ </ div >
0 commit comments