{% 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 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.content }}
    </div>
    <div class="text-content moon-phased-typo bio-box">
      {{ page.bio }}
    </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 %}