-
-
Notifications
You must be signed in to change notification settings - Fork 112
Expand file tree
/
Copy pathbio.template.html
More file actions
67 lines (67 loc) · 2.08 KB
/
bio.template.html
File metadata and controls
67 lines (67 loc) · 2.08 KB
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
<article class="bulma-media">
@:for(_.avatar)
<figure class="bulma-media-left">
<p class="bulma-image bulma-is-64x64">
<img class="bulma-is-rounded" src="${_.avatar}" />
</p>
</figure>
@:@
<div class="bulma-media-content">
<div class="bulma-content">
<p>
<strong>${_.name}</strong> @:for(_.pronouns) <small>${_.pronouns}</small> @:@
@:if(_.render-bio)
@:for(_.bio)
<br />
<span class="hyphenate">${_.bio}</span>
@:@
@:@
@:if(_.render-title)
@:for(_.title)
<br />
${_.title}
@:@
@:@
</p>
</div>
<nav class="bulma-level bulma-is-align-items-start">
<div class="bulma-level-left bulma-is-flex-direction-row">
@:for(_.email)
<a class="bulma-level-item" href="mailto:${_.email}">
<span class="bulma-icon bulma-is-small">@:svg(fa-envelope)</span>
</a>
@:@
@:for(_.signal)
<a class="bulma-level-item" href="${_.signal}">
<span class="bulma-icon bulma-is-small">@:svg(fa-signal-messenger)</span>
</a>
@:@
@:for(_.url)
<a class="bulma-level-item" href="${_.url}">
<span class="bulma-icon bulma-is-small">@:svg(fa-globe)</span>
</a>
@:@
@:for(_.github)
<a class="bulma-level-item" href="http://github.com/${_.github}">
<span class="bulma-icon bulma-is-small">@:svg(fa-github)</span>
</a>
@:@
@:for(_.bluesky)
<a class="bulma-level-item" href="http://bsky.app/profile/${_.bluesky}">
<span class="bulma-icon bulma-is-small">@:svg(fa-bluesky)</span>
</a>
@:@
@:for(_.mastodon)
<a class="bulma-level-item" href="${_.mastodon}">
<span class="bulma-icon bulma-is-small">@:svg(fa-mastodon)</span>
</a>
@:@
@:for(_.linkedin)
<a class="bulma-level-item" href="${_.linkedin}">
<span class="bulma-icon bulma-is-small">@:svg(fa-linkedin)</span>
</a>
@:@
</div>
</nav>
</div>
</article>