57 lines
3 KiB
HTML
57 lines
3 KiB
HTML
{% include header.html %}
|
|
|
|
{% capture post_body %}
|
|
{% if site.social_media %}
|
|
<div class="col-sm-4 col-lg-3 d-flex flex-wrap flex-items-center d-sm-block float-sm-right border rounded-2 bg-white p-3 mb-5 ml-md-5">
|
|
<h3 class="text-gray-dark mr-3 mr-sm-0">Share</h3>
|
|
<ul class="d-flex d-sm-block list-style-none">
|
|
{% for account in site.social_media %}
|
|
<li class="mt-sm-3">
|
|
{% assign service_shortname = account[0] %}
|
|
{% assign service = site.data.social_media[service_shortname] %}
|
|
<a href="{% include social_media_share_url.html service=service_shortname title=page.title permalink=page.url %}" title="Share on {{ service.name }}" class="d-flex flex-items-center">
|
|
<div style="width:32px">{{ service.icon_svg }}</div><span class="d-none d-sm-inline-block text-gray-light">{{ service.name }}</span>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
<div class="article">
|
|
{{ content }}
|
|
</div>
|
|
{% endcapture %}
|
|
|
|
{% if site.layout == 'stacked' %}
|
|
<div class="container-lg py-6 p-responsive text-center">
|
|
{% include masthead.html metadata=false %}
|
|
|
|
<div class="container-md f4 text-left border rounded-2 bg-white p-3 p-sm-5 mt-6">
|
|
<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>
|
|
<h1 class="f00-light lh-condensed">{{ page.title }}</h1>
|
|
<p class="{% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %} mb-5">Published {{ page.date | date: "%b %d, %Y"}}</p>
|
|
{{ post_body }}
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="d-md-flex {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
|
|
<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">
|
|
{% include masthead.html metadata=true %}
|
|
</div>
|
|
|
|
<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 %}>
|
|
<div class="mx-auto" style="max-width: 900px;">
|
|
<div class="f4 {% if site.style == 'dark' %}text-white{% endif %} mb-6">
|
|
<div class="f4 {% if site.style == 'dark' %}text-white{% endif %}">
|
|
<p class="f5"><a href="{{ site.url }}{{ 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>
|
|
<h1 class="f00-light lh-condensed">{{ page.title }}</h1>
|
|
<p class="{% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %} mb-5">Published {{ page.date | date: "%b %d, %Y"}}</p>
|
|
{{ post_body }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% include footer.html %}
|