Something went wrong. Try again.
Joseph Hale's Technical Blog
Something went wrong. Try again.
3.9 kB · 128 lines
HTML
at content
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129---layout: defaultrefactor: truepanel_includes: - toctail_includes: - related-posts - post-nav - comments---
{% include lang.html %}
<article class="px-1"> <header> <h1 data-toc-skip>{{ page.title }}</h1>
<div class="post-meta text-muted"> <!-- published date --> <span> {{ site.data.locales[lang].post.posted }} {% include datetime.html date=page.date tooltip=true lang=lang %} </span>
<!-- lastmod date --> {% if page.last_modified_at and page.last_modified_at != page.date %} <span> {{ site.data.locales[lang].post.updated }} {% include datetime.html date=page.last_modified_at tooltip=true lang=lang %} </span> {% endif %}
<div class="d-flex justify-content-between"> <!-- author(s) --> <span> {% if page.author %} {% assign authors = page.author %} {% elsif page.authors %} {% assign authors = page.authors %} {% endif %}
{{ site.data.locales[lang].post.written_by }}
<em> {% if authors %} {% for author in authors %} {% if site.data.authors[author].url -%} <a href="{{ site.data.authors[author].url }}">{{ site.data.authors[author].name }}</a> {%- else -%} {{ site.data.authors[author].name }} {%- endif %} {% unless forloop.last %}{{ '</em>, <em>' }}{% endunless %} {% endfor %} {% else %} <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a> {% endif %} </em> </span>
<!-- read time --> {% include read-time.html content=content prompt=true lang=lang %} </div> <!-- .d-flex -->
<!-- header image --> {% if page.image %} {% capture src %}src="{{ page.image.path | default: page.image }}"{% endcapture %} {% capture class %}class="preview-img{% if page.image.no_bg %}{{ ' no-bg' }}{% endif %}"{% endcapture %} {% capture alt %}alt="{{ page.image.alt | xml_escape | default: "Preview Image" }}"{% endcapture %}
{% if page.image.lqip %} {%- capture lqip -%}lqip="{{ page.image.lqip }}"{%- endcapture -%} {% endif %}
<div class="mt-3 mb-3"> <img {{ src }} {{ class }} {{ alt }} w="1200" h="630" {{ lqip }}> {%- if page.image.alt -%} <figcaption class="text-center pt-2 pb-2">{{ page.image.alt }}</figcaption> {%- endif -%} </div> {% endif %} </div> <!-- .post-meta --> </header>
<div class="content"> {{ content }} </div>
<div class="post-tail-wrapper text-muted"> <!-- categories --> {% if page.categories.size > 0 %} <div class="post-meta mb-3"> <i class="far fa-folder-open fa-fw me-1"></i> {% for category in page.categories %} <a href="{{ site.baseurl }}/categories/{{ category | slugify | url_encode }}/">{{ category }}</a> {%- unless forloop.last -%},{%- endunless -%} {% endfor %} </div> {% endif %}
<!-- tags --> {% if page.tags.size > 0 %} <div class="post-tags"> <i class="fa fa-tags fa-fw me-1"></i> {% for tag in page.tags %} <a href="{{ site.baseurl }}/tags/{{ tag | slugify | url_encode }}/" class="post-tag no-text-decoration" > {{- tag -}} </a> {% endfor %} </div> {% endif %}
<div class=" post-tail-bottom d-flex justify-content-between align-items-center mt-3 pb-2 " > {% include post-sharing.html lang=lang %} </div> <!-- .post-tail-bottom --> </div> <!-- div.post-tail-wrapper --></article>