trnck.dev
blog.trnck.dev
1{% include header.html %}
2
3{% if site.layout == 'stacked' %}
4<div class="container-lg py-6 p-responsive text-center">
5 {% include masthead.html metadata=true %}
6
7 <div {% if site.style == 'dark' %}class="text-white" {% endif %}>
8 {{ content }}
9 </div>
10
11 {% unless posts_total == 0 %}
12
13 <div class="my-6">
14 {% include all_posts.html %}
15 </div>
16 {% endunless %}
17</div>
18{% else %}
19<div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
20 <div
21 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">
22 {% include masthead.html metadata=true %}
23 </div>
24
25 <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"
26 {% if site.style == 'dark' %}style="background-color: #2f363d !important" {% endif %}>
27 <div class="mx-auto" style="max-width: 900px;">
28 {% unless content == "" %}
29 <div class="f4 {% if site.style == 'dark' %}text-white{% endif %} mb-6">
30 {{ content }}
31 </div>
32 {% endunless %}
33
34 {% unless posts_total == 0 %}
35 <p class="f5"><a href="/" style="color:#0366d6;text-decoration: none;" 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>
36
37 {% include all_posts.html %}
38 {% endunless %}
39 </div>
40 </div>
41</div>
42
43{% endif %}
44
45{% include footer.html %}