{% set show_rss = false %}
{% if section is defined and section.generate_feeds %}
  {% set rss_path = section.path ~ config.feed_filenames[0] %}
  {% set show_rss = true %}
{% elif config.generate_feeds %}
  {% set rss_path = "/" ~ config.feed_filenames[0] %}
  {% set show_rss = true %}
{% endif %}
<footer>
  <div class="left">
    <div class="copyright">
      {{ config.extra.footer_copyright }}
      {% if config.extra.footer_credits %}
      <span>|</span>
      Built with <a href="https://www.getzola.org" rel="noreferrer" target="_blank">zola</a> and <a href="https://github.com/isunjn/serene" rel="noreferrer" target="_blank">serene</a>
      {% endif %}
    </div>
  </div>

  <div class="right">
    {% if show_rss %}
    <a id="rss-btn" href="{{ get_url(path=rss_path) }}">RSS</a>
    {% endif %}

    {% if color_scheme == "auto" %}
    {% set moon_icon = load_data(path="icon/moon.svg") %}
    {% set sun_icon = load_data(path="icon/sun.svg") %}
    <button id="theme-toggle" aria-label="theme switch">
      <span class="moon-icon">{{ moon_icon | safe }}</span>
      <span class="sun-icon">{{ sun_icon | safe }}</span>
    </button>
    {% endif %}
  </div>
</footer>

{% if show_rss %}
{% set link = get_url(path=rss_path) %}
<dialog id="rss-mask">
  <div>
    <a href="{{ link }}">{{ link }}</a>
    {% set copy_icon = load_data(path="icon/copy.svg") %}
    {% set check_icon = load_data(path="icon/check.svg") %}
    <button autofocus aria-label="copy" data-link="{{ link }}" data-copy-icon="{{ copy_icon }}" data-check-icon="{{ check_icon }}" >
      {{ copy_icon | safe }}
    </button>
  </div>
</dialog>
{% endif %}