{# https://github.com/miyadaiku/miyadaiku/blob/master/miyadaiku/themes/base/templates/base.html #}
{% extends 'miyadaiku.themes.base!base.html' %}



{% macro article_metadata(article) %}

<div class="article-metadata">
  <div class="article-date">
    {{ article.date.strftime("%Y-%m-%d") if article.date else "" }}
  </div>

  <div class="article-tags">
{% if article.category %}
    <a href="{{ page.path_to('/index_category.yml', group_value=article.category, npage=1).replace('/index.html', '/') }}" class="article-category">
      {{ article.category }}
    </a>
{% endif %}

{% for tag in article.tags %}
    <a href="{{ page.path_to('/index_tag.yml', group_value=tag, npage=1).replace('/index.html', '/') }}" class="article-tag">
      {{ tag }}
    </a>
{% endfor %}
  </div>

</div>

{% endmacro %}


{# https://github.com/miyadaiku/miyadaiku/blob/master/miyadaiku/themes/sample/blog/templates/blog_macros.html #}
{% macro index_pagination(page, group_value, num_pages, cur_page, is_last) %}

  <div class="index-pagination">
    {% if cur_page != 1 %}
      <a class="index-pagination-button"
         href="{{ page.path_to(page, group_value=group_value, npage=1) }}">⇤</a>
      <a class="index-pagination-button"
         href="{{ page.path_to(page, group_value=group_value, npage=cur_page-1) }}">←</a>
    {% else %}
      <span class="index-pagination-button index-pagination-button-disabled">⇤</span>
      <span class="index-pagination-button index-pagination-button-disabled">←</span>
    {% endif %}


    {% set s = cur_page-2 if cur_page > 2 else 1 %}
    {% set e = s+4 if s+4 <= num_pages else num_pages %}
    {% if (s-e) < 4 %}
      {% set s = e-4 if e > 4 else 1 %}
    {% endif %}

    {% if s != 1 %}
       ・・・
    {% endif %}

    {% for n in range(s, e+1) %}
      {% if n != cur_page %}
        <a class="index-pagination-button"
          href="{{ page.path_to(page, group_value=group_value, npage=n) }}">{{ n }}</a>
      {% else %}
        <span class="index-pagination-button index-pagination-button-current">{{ n }}</span>
      {% endif %}
    {% endfor %}

    {% if e != num_pages %}
       ・・・
    {% endif %}

    {% if not is_last %}
      <a class="index-pagination-button"
         href="{{ page.path_to(page, group_value=group_value, npage=cur_page+1) }}">→</a>
      <a class="index-pagination-button"
         href="{{ page.path_to(page, group_value=group_value, npage=num_pages) }}">⇥</a>
    {% else %}
      <span class="index-pagination-button index-pagination-button-disabled">→</span>
      <span class="index-pagination-button index-pagination-button-disabled">⇥</span>
    {% endif %}
  </div>

{%- endmacro %}




{% block head %}
{{ super() }}

{% if page.get_config('favicon', None) %}
<link rel="shortcut icon" href="{{ page.path_to(page.favicon) }}">
{% endif %}
{% if page.get_config('favicon_x32', None) %}
<link rel="icon" type="image/png" sizes="32x32" href="{{ page.path_to(page.favicon_x32) }}">
{% endif %}

{# https://github.com/miyadaiku/miyadaiku/blob/master/miyadaiku/themes/base/templates/macros.html #}
{{ macros.opengraph(page, abstract_length=128) }}

<meta name="twitter:card" content="{{ page.get_config('twiiter_card', 'summary') }}">
{% if page.get_config('twitter_name', None) %}
<meta name="twitter:site" content="@{{ page.twitter_name }}">
<meta name="twitter:creator" content="@{{ page.twitter_name }}">
{% endif %}

<link href="{{ page.load('/atom.yml').url }}" type="application/atom+xml" rel="alternate" title="{{ page.site_title }} Atom Feed" />
<link href="{{ page.load('/rss.yml').url }}" type="application/rss+xml" rel="alternate" title="{{ page.site_title }} RSS Feed" />

<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ page.path_to('/static/aoirint-blog/css/style.css') }}">

{{ fontawesome.load_css(page) }}
{{ pygments.load_css(page) }}

{{ macros.google_analytics() }}

<script src="{{ page.path_to('/static/aoirint-blog/js/main.js') }}"></script>

<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>

{% endblock head %}

{% block body %}

<nav class="smartphonebar">
  <button class="toggle-sitebar" type="button" onclick="toggleSiteBarIfSmartphone();">
    <i class="fas fa-bars"></i>
  </button>

  <a href="{{ page.path_to('/index.yml') }}" class="sitebar-title">
    {{ page.site_title | striptags }}
  </a>

  <button class="toggle-tocbar" type="button" onclick="toggleTocBarIfSmartphone();">
    <i class="fas fa-list"></i>
  </button>

</nav>

<aside class="sitebar-box">
  <nav class="sitebar fixed-scrollable">
    <a href="{{ page.path_to('/index.yml') }}" class="sitebar-title">
      {{ page.site_title | striptags }}
    </a>

    <div class="sitebar-content">
      <ul>
        <li>
          <a href="{{ page.path_to('/index.yml') }}" class="navbar-menu-link">
            Index
          </a>
      </ul>

      {% if page.get_config('custom_search_engine_id', None) %}
      <ul>
        <li>
          <a href="https://cse.google.com/cse?cx={{ page.custom_search_engine_id }}" target="_blank" class="navbar-menu-link">
            Search in Site
          </a>
      </ul>
      {% endif %}

      <ul>
        <li>
          <a href="{{ page.path_to('/rss.yml') }}" class="navbar-menu-link">
            RSS Feed
          </a>
        <li>
          <a href="{{ page.path_to('/atom.yml') }}" class="navbar-menu-link">
            Atom Feed
          </a>
      </ul>

      <ul>
{% if page.get_config('twitter_name', None) %}
        <li>
          <a href="https://twitter.com/{{ page.twitter_name }}" target="_blank" class="navbar-menu-link">
            Twitter
          </a>
{% endif %}
{% if page.get_config('github_name', None) %}
        <li>
          <a href="https://github.com/{{ page.github_name }}" target="_blank" class="navbar-menu-link">
            GitHub
          </a>
{% endif %}
      </ul>
    </div>

    <div class="sitebar-footer">
{% if page.get_config('copyright', None) %}
      <p class="copyright-text">
        {{ page.copyright }}
{% endif %}
      <p class="poweredby-text">
        Powered by
        <a href="https://github.com/miyadaiku/miyadaiku">Miyadaiku</a>.
    </div>
  </nav>
</aside>

<main class="main-content">
{% block content %}
{% endblock content %}
</main>

<aside class="tocbar-box">
  <nav class="tocbar fixed-scrollable">
{% block tocbar %}
{% endblock tocbar %}
  </nav>
</aside>

{% endblock body %}