trnck.dev
blog.trnck.dev
1{% if site.layout == 'stacked' %}
2 {% assign metadata_styles = 'd-md-inline-block mx-3 mb-1 mb-md-0' %}
3{% else %}
4 {% assign metadata_styles = 'd-flex flex-items-center mb-3' %}
5{% endif %}
6
7<a href="https://trnck.dev" aria-label="Back to main site">
8 <picture>
9 <source class="circle mb-3 logo" width="150" srcset="https://trnck.dev/assets/img/logo.avif" />
10 <img class="circle mb-3 logo" width="150" src="https://trnck.dev/assets/img/logo.png" alt="" />
11 </picture>
12</a>
13
14<h1 class="{% if site.style == 'dark' %}text-white{% endif %} mb-2 lh-condensed"><a href="{{ site.url }}{{ site.baseurl | append:'/' }}">{% if site.title %}{{ site.title }}{% endif %}</a></h1>
15<p class="mb-3 f4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">
16 {{ user.bio }}
17</p>
18
19{% if include.metadata %}
20 <div class="f4 mb-6">
21 {% if site.user.name %}
22 <div class="{{ metadata_styles }}">
23 {% octicon mark-github height:20 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:GitHub %}
24 <a href="https://github.com/{{ site.user.login }}" {% if site.style == 'dark' %}class="text-white"{% endif %}>
25 @{{ site.user.login }}
26 </a>
27 </div>
28 {% endif %}
29 {% if site.social_media %}
30 <div class="d-flex flex-wrap flex-items-start {% if site.layout == 'stacked' %}flex-justify-center mt-1 mt-md-3{% endif %}">
31 {% for account in site.social_media %}
32 <div class="{% unless forloop.last == true %}mr-3{% endunless %} mb-3">
33 {% assign service_shortname = account[0] %}
34 {% assign service = site.data.social_media[service_shortname] %}
35 <a
36 {% if service.profile_url_prefix != "" %}
37 href="{{ service.profile_url_prefix }}{{ account[1] }}"
38 {% else %}
39 href="{{ site.url }}{{ site.baseurl | append:'/' }}{{ account[1] }}"
40 {% endif %}
41 {% if service.profile_url_prefix != "" %} target="_blank" {% endif %}
42 class="tooltipped tooltipped-se"
43 aria-label="{{ service.name }}: {{ account[1] }}"
44 >
45 {{ service.icon_svg }}<span class="d-none">{{ service.name }}</span>
46 </a>
47 </div>
48 {% endfor %}
49 </div>
50 {% endif %}
51 </div>
52{% endif %}