{% extends "base.html" %}

{% block html_lang %}{{ page.lang }}{% endblock %}
{% set current_lang = page.lang %}

{% block head %}
  {{ super() }}
  <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/calendar.css" />
{% endblock %}

{% block title %}{{ super() }} &mdash; {{page.title}}{% endblock title %}

{% block body_class %}calendar{% endblock %}

{% block fixed_content %}

  <section id="about-section" class="data-section" data-box-title="{{ page.multilang.about }}">
    <div class="text-content moon-phased-typo about-box">
      {{ page.sections["intro"] }}
    </div>
    <div class="text-content bio-box">

      <div class="bio-box__leaves">
        {% include 'inline-svg/bouleau.svg' %}
      </div>

      <div class="bio-box__text moon-phased-typo">
        {{ page.sections["bio"] }}
      </div>

    </div>
  </section>
  
{% endblock %}
  
{% block scroll_content %}

  {% include 'partials/moon-watch.html' %}

  <section id="calendar-section" class="data-section" data-box-title="{{ page.multilang.calendar }}">
    {% include 'partials/calendar.html' %}
  </section>
{% endblock %}

{% block js_body %}
  {{ super() }}
  <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/moon-calendar.js"></script>
{% endblock %}