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