item.j2

{% from "macros.j2" import render_subject_content %}

{% block style %}
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://s3.typlog.com/npm/@typlog/yue@1.0.0/yue.css">
  <link rel="stylesheet" href="{{ static_url }}meguro.css">
{% endblock %}

{% block body %}
{% include "./_partials/head.j2" %}
<div class="main">
  <div class="inner">
    <article role="main" class="h-entry" itemscope itemtype="http://schema.org/Article">
      <h1 class="p-name" itemprop="headline"><a href="{{ linkify(page.url) }}">{{ page.title }}</a></h1>
      {% if page.subtitle %}
        <h2 class="p-summary">{{ page.subtitle }}</h2>
      {% endif %}
      <div class="tags">
        {% for tag in page.tags %}
          {% set color = tag.metadata.color %}
          <a class="{{ tag.slug }}" href="{{ linkify(tag.url) }}"{% if color %} style="--color:{{ color }}"{% endif %}>{{ tag.title }}</a>
        {% endfor %}
      </div>
      <div class="e-content js-content yue" itemprop="articleBody">
        {{ render_subject_content(site, page) }}
      </div>
      <a class="published" href="{{ linkify(page.url) }}">
        <time datetime="{{ page.published_at|xmldatetime }}" itemprop="datePublished">{{ page.published_at.strftime("%Y-%m-%d") }}</time>
      </a>
    </article>
    {% if features.comment and page.comment != 'disabled' %}
      <section class="entry-section comment">
        <div id="comment_thread"></div>
      </section>
    {% endif %}
  </div>
</div>
{% include "./_partials/foot.j2" %}
{% endblock %}