item.j2

{% from "macros.j2" import render_subject_content, render_subject_license, render_subject_authors %}

{% block style %}
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://s3.typlog.com/npm/@typlog/yue@1.1.1/yue.css">
  <link rel="stylesheet" href="{{ static_url }}ueno.css">
{% endblock %}

{% block body %}
  <div class="body">
    {% include "./_side.j2" %}
    <div class="main">
      <div class="main_mark inner">
        <article role="main" class="h-entry" itemscope itemtype="http://schema.org/Article">
          {% if page.cover and page.cover.src %}
            <div class="entry-cover">
              <img class="u-photo" src="{{ page.cover.src|thumbnail }}" alt="{{ page.title }} cover" width="{{ page.cover.width }}" height="{{ page.cover.height }}">
            </div>
          {% endif %}
          <div class="entry-meta">
            {% if page.type == 'audio' %}
              {% if page.season and page.episode %}
                <span class="item-label">S{{ page.season }}E{{ page.episode }}</span>
              {% endif %}
              <span class="item-label">{{ page.duration }}</span>
            {% endif %}
            {% if page.published_at %}
              <time class="dt-published" datetime="{{ page.published_at|xmldatetime }}"
                    itemprop="datePublished">{{ page.published_at.strftime('%b %d, %Y') }}</time>
            {% endif %}
          </div>
          <h1 class="p-name" itemprop="headline">{{ page.title }}</h1>
          {% if page.subtitle %}
            <h2 class="p-summary">{{ page.subtitle }}</h2>
          {% endif %}
          <div class="e-content js-content yue dark-code" itemprop="articleBody">
            {{ render_subject_content(site, page) }}
          </div>
          {% if page.tags %}
            <div class="entry-tags">
              {% for tag in page.tags %}
                <a class="p-category" href="{{ linkify(tag.url) }}">{{ tag.title }}</a>
              {% endfor %}
            </div>
          {% endif %}
          {{ render_subject_authors(site, page) }}
        </article>
        {% if page.type != 'page' %}
          {{ render_subject_license(site, page) }}
        {% endif %}
        <div class="entry-block">
          {% include "_snippets/subject_share.j2" %}
        </div>
      </div>
      {% include "_snippets/subject_foot.j2" %}
    </div>
  </div>
  {% include "./_foot.j2" %}
{% endblock %}