{# Uses the Tera templating engine. https://keats.github.io/tera/ #}


{% component flashcards(header: string = "") %}
<div class="flashcard-wrapper" data-header="{{ header }}">

{{ body | safe }}

</div>
{% endcomponent flashcards %}



{% component hidden(page, section, show: bool = true) %}
{% if show | default(value=true) %}

<aside class="display--none">

{% if page?.extra?.see_also | default(value=section?.extra?.see_also) %} 
{% for also in page?.extra?.see_also | default(value=section?.extra?.see_also) %}
  <div class="display--none">{{ also.title }}</div>
{% endfor %}
{% endif %}

{% if page?.extra?.map | default(value=section?.extra?.map) %} 
{% for map in page?.extra?.map | default(value=section?.extra?.map) %}
  <div class="display--none">{{ map.value }}</div>
{% endfor %}
{% endif %}

{% if page?.extra?.key_words | default(value=section?.extra?.key_words) %} 
{% for key_word in page?.extra?.key_words | default(value=section?.extra?.key_words) %}
  <div class="display--none">{{ key_word }}</div>
{% endfor %}
{% endif %}

{% if page?.assets | default(value=section?.assets) %} 
{% for asset in page?.assets | default(value=section?.assets) %}
  {% set filename = asset | split(pat="/") | last | split(pat='\\') | last | split(pat='.') | first %}
  {% set title = filename | replace(from="---", to=" - ") | replace(from="--", to=": ") | replace(from="_", to=" ") | replace(from="一", to="") %}
  <div class="display--none">{{ title }}</div>
{% endfor %}
{% endif %}

</aside>

{% endif %}
{% endcomponent hidden %}





{% component image(header: string = "") %}
{% if open | default(value=false) %}
<details open="open" class="image" style="{{ style | default(value="") }}">
  <summary>
  
  {{ title | default(value=title) | safe }}
  </summary>
{% else %}
<details class="image" style="{{ style | default(value="") }}">
  <summary>

  {{ body | default(value=title) | safe }}
  </summary>
{% endif %}

![{{ title }}]({{ file }})
</details>
{% endcomponent image %}



{% component table(header: string = "") %}
{% if header %}
###### Table {{ nth }}: {{ header | safe }}
{% endif %}

{% if not styles and footer and footer | length > 0 %}
  {% set styles = "width:100%" %}
{% else %}
  {% set styles = "" %}
{% endif %}

<div class="table-wrapper {{ class | default(value='') }}" style="{{ styles }}">

{{ body | safe }}

</div>

{% if footer %}
###### {{ footer | safe }}
{% endif %}
{% endcomponent table %}



{% component spacer(header: string = "") %}
<div class="{% if margins %}margin-expand{% endif %}" style="{{ style | default(value='') }}"></div>
{% endcomponent spacer %}


{% component checklist(header: string = "") %}
<div class="checklist-wrapper">

{{ body | safe }}

</div>
{% endcomponent checklist %}