From 7ec698696537aac4433bb0e60fb10310a6b34bc1 Mon Sep 17 00:00:00 2001
From: mo8it <mo8it@proton.me>
Date: Fri, 16 May 2025 23:11:08 +0200
Subject: Add templates

---
 website/templates/macros.html | 46 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 website/templates/macros.html

(limited to 'website/templates/macros.html')

diff --git a/website/templates/macros.html b/website/templates/macros.html
new file mode 100644
index 0000000..c40abe5
--- /dev/null
+++ b/website/templates/macros.html
@@ -0,0 +1,46 @@
+{% macro toc() %}
+    <p class="p-1 my-4 text-base rounded-sm sm:hidden bg-yellow-200/20">Landscape mode recommended on mobile devices</p>
+
+    {%- if page.toc -%}
+        {% set_global toc = page.toc %}
+    {%- else -%}
+        {% set_global toc = section.toc %}
+    {%- endif -%}
+
+    {% if toc %}
+        <div class="px-4 py-0.5 my-3 border-s-4 rounded-xl border-double">
+            <nav>
+                <ul class="ml-0 list-none">
+                    {% for parent in toc %}
+                        {% if parent.level == 2 %}
+                            <li>
+                                {#- -#}
+                                <a href="{{ parent.permalink | safe }}">{{ parent.title }}</a>
+                                {#- -#}
+                                {% if parent.children %}
+                                    <ul class="my-0 ml-5 list-none">
+                                        {% for child in parent.children %}
+                                            {% if child.level == 3 %}
+                                                <li>
+                                                    {#- -#}
+                                                    <a class="text-base" href="{{ child.permalink | safe }}">{{ child.title }}</a>
+                                                    {#- -#}
+                                                </li>
+                                            {% endif %}
+                                        {% endfor %}
+                                    </ul>
+                                {% endif %}
+                                {#- -#}
+                            </li>
+                        {% endif %}
+                    {% endfor %}
+                </ul>
+            </nav>
+        </div>
+    {% endif %}
+{% endmacro %}
+
+{% macro btn(link, content) %}
+    <a class="py-1.5 px-3 my-2 no-underline bg-gray-800 rounded-xl transition duration-500 hover:scale-[1.02]"
+       href="{{ link | safe }}">{{ content | safe }}</a>
+{% endmacro %}
-- 
cgit v1.2.3