<!doctype html>
<html lang="{{ language }}" data-language-prefix="{{ language_prefix }}"{% if html_theme_attribute %} {{ html_theme_attribute }}{% endif %}>
  {% render 'partials/head', page_title: page_title, pico_stylesheet_href: pico_stylesheet_href, alternate_links: alternate_links, language_prefix: language_prefix %}
  <body>
    <main>
      {% render 'partials/language-switcher', blog_languages: blog_languages, language: language, labels: labels %}
      <h1>{{ post.title }}</h1>
      {% render 'partials/menu', menu_items: menu_items, language: language, calendar_initial_year: calendar_initial_year, calendar_initial_month: calendar_initial_month, labels: labels %}
      {% if post_categories.size > 0 or post_tags.size > 0 %}
      <div class="single-post-taxonomy" aria-label="{{ labels.taxonomy_label }}">
        {% for category in post_categories %}
        <a class="single-post-taxonomy-bubble single-post-taxonomy-bubble-category" href="/category/{{ category | slugify | url_encode }}/">{{ category | escape }}</a>
        {% endfor %}
        {% for tag in post_tags %}
        {% assign tag_color = tag_color_by_name[tag] %}
        <a class="single-post-taxonomy-bubble single-post-taxonomy-bubble-tag" href="/tag/{{ tag | slugify | url_encode }}/"{% if tag_color %} style="--bubble-accent: {{ tag_color | escape }};"{% endif %}>{{ tag | escape }}</a>
        {% endfor %}
      </div>
      {% endif %}
      <article class="single-post blog-post" data-template="single-post" data-pagefind-body>
        <div class="post">{{ post.content }}</div>
      </article>
      {% if backlinks.size > 0 %}
      <div class="single-post-backlinks" aria-label="{{ labels.backlinks_label }}">
        <span class="single-post-backlinks-label">{{ labels.linked_from_label }}</span>
        {% for backlink in backlinks %}
        <a class="single-post-taxonomy-bubble single-post-backlink-bubble" href="{{ backlink.path }}">{{ backlink.display_slug }}</a>
        {% endfor %}
      </div>
      {% endif %}
    </main>
  </body>
</html>
