trnck.dev
blog.trnck.dev
1{% include header.html %}
2
3{% capture post_body %}
4 {% if site.social_media %}
5 {% assign shareable_social_media = '' | split: ',' %}
6
7 {% for account in site.social_media %}
8 {% assign service_shortname = account[0] %}
9 {% assign service = site.data.social_media[service_shortname] %}
10
11 {% if service.share_url_prefix %}
12 {% assign shareable_social_media = shareable_social_media | push: service %}
13 {% endif %}
14 {% endfor %}
15
16 {% assign total_shareable_services = shareable_social_media | size %}
17 {% endif %}
18 <article class="article">
19 {{ content }}
20 </article>
21{% endcapture %}
22
23{% if site.layout == 'stacked' %}
24 <div class="container-lg py-6 p-responsive text-center">
25 {% include masthead.html metadata=false %}
26
27 <div class="container-md f4 text-left border rounded-2 bg-white p-3 p-sm-5 mt-6">
28 <p class="f5"><a href="/" class="d-flex flex-items-center">{% octicon chevron-left height:16 class:"mr-2 v-align-middle" fill:#0366d6 aria-label:Home %}Home</a></p>
29 <h1 class="f00-light lh-condensed">{{ page.title }}</h1>
30 <p class="{% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %} mb-5">Published {{ page.date | date: "%b %d, %Y"}}</p>
31 {{ post_body }}
32 </div>
33 </div>
34{% else %}
35 <div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
36 <div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
37 {% include masthead.html metadata=true %}
38 </div>
39
40 <div class="col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7 border-top border-md-top-0 bg-gray-light" {% if site.style == 'dark' %}style="background-color: #2f363d !important"{% endif %}>
41 <div class="mx-auto" style="max-width: 900px;">
42 <div class="f4 {% if site.style == 'dark' %}text-white{% endif %} mb-6">
43 <div class="f4 {% if site.style == 'dark' %}text-white{% endif %}">
44 <p class="f5"><a href="{{ site.baseurl | append:'/' }}" class="d-flex flex-items-center {% if site.style == 'dark' %}text-white{% endif %}">{% octicon chevron-left height:16 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:Home %}Home</a></p>
45 <h1 class="f00-light lh-condensed">{{ page.title }}</h1>
46 <p class="{% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %} mb-5">
47 Published
48 <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%b %d, %Y" }}</time>
49 </p>
50 {{ post_body }}
51 </div>
52 </div>
53 </div>
54 </div>
55 </div>
56{% endif %}
57
58{% include footer.html %}