1 files changed, 48 insertions, 0 deletions
diff --git a/src/themes/serene/templates/_footer.html b/src/themes/serene/templates/_footer.html
new file mode 100644
index 0000000..78d62c8
--- /dev/null
+++ b/src/themes/serene/templates/_footer.html
@@ -0,0 +1,48 @@
+{% 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 %}