4 files changed, 112 insertions, 6 deletions
diff --git a/templates/base.html b/templates/base.html
index 21b20e2..4efc89d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -72,6 +72,13 @@
           <li>
             <img src="/assets/badges/cookies.png" alt="Cookie-Free Page" />
           </li>
+          <li>
+            <a href="https://creativecommons.org/publicdomain/zero/1.0/" target="_blank"
+              ><img
+                src="/assets/badges/cc-zero.png"
+                alt="Work on this site released under CC0"
+            /></a>
+          </li>
         </ul>
       </div>
       <div class="status-bar">
diff --git a/templates/index.html b/templates/index.html
index 0bf66d0..89c7279 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,2 +1,38 @@
-{% extends "base.html" %} {% block content %} {{ section.content | safe }} {%
-endblock content %}
+{% extends "base.html" %}
+{% import "macros.html" as macros %}
+{% block content %}
+
+{% set soaos = macros::soaosed(text="soaos") | trim %}
+{{macros::window(title="👤 Welcome to " ~ soaos ~ ".dev")}}
+<p>
+I'm an "artist" and professional software developer. In my free time I mostly work on eccentric software projects which you can read about here.
+</p>
+{{ macros::treeview(height="16rem")}}
+
+{{ macros::subtree(name="On this site", open=true) }}
+    {{ macros::treelink(text="📖 Blog", url="/blog") }}
+    {{ macros::subtree(name="🌲 Projects", open=true, url="/projects") }}
+        {{ macros::treelink(text="🎭 Off Book", url="https://offbook.ca", wip=true, blank=true) }}
+    {{ macros::endsubtree() }}
+    {{ macros::treelink(text="🦌 Things I Like", url="/things_i_like", wip=true, wip_tooltip="🦌 -honestly these things are redundant, everything is under construction") }}
+{{ macros::endsubtree() }}
+
+{{ macros::subtree(name='<span class="flip" data-title="Soaos"><span class="hidden-selectable">Soaos</span></span> Services') }}
+    {{ macros::treelink(text="🌱 Git Repositories", url="https://git.soaos.dev", blank=true, wip=true) }}
+    {{ macros::treelink(text="📺 Videos", url="https://tv.soaos.dev/c/soaosdev", blank=true) }}
+    {{ macros::treelink(text="🗃 Web Archive", url="https://archive.soaos.dev", blank=true) }}
+    {{ macros::treelink(text="🔍 Search Engine", url="https://search.soaos.dev", blank=true) }}
+    {{ macros::treelink(text="♊ Gemini Site", url="gemini://soaos.dev", blank=true) }}
+{{ macros::endsubtree() }}
+
+{{ macros::subtree(name="Find me on the Web", open=true) }}
+    {{ macros::treelink(text="📧 E-Mail: soaos@soaos.dev", url="mailto:soaos@soaos.dev", rel="me") }}
+    {{ macros::treelink(text="💬 XMPP: soaos@chat.soaos.dev", url="xmpp:soaos@chat.soaos.dev", rel="me") }}
+    {{ macros::treelink(text="🐘 Mastodon: soaos@furry.engineer", url="http://soaos.dog", rel="me", blank=true) }}
+    {{ macros::treelink(text="🦀 SSB: @Y1EKP4PU77qby4lI+m5MN6+NcYdjTdRQlV6NmluevuY=.ed25519", url="https://ssb.soaos.dev/~core/ssb/#@Y1EKP4PU77qby4lI+m5MN6+NcYdjTdRQlV6NmluevuY=.ed25519", rel="me", blank=true) }}
+    {{ macros::treelink(text="⬡ ListenBrainz: soaos", url="https://listenbrainz.org/user/soaos/", rel="me", blank=true) }}
+{{ macros::endsubtree() }}
+
+{{macros::endtreeview()}}
+{{macros::endwindow()}}
+{% endblock content %}
diff --git a/templates/macros.html b/templates/macros.html
index eae30fe..ce73ca7 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -1,3 +1,62 @@
-{% macro post_list() %} {% for post in section.pages %}
-<a href="{{ post.permalink }}">{{ post.title }}</a>
-{% endfor %} {% endmacro input %}
-\ No newline at end of file
+{% macro window(title, close=false) %}
+<div class="window">
+    <div class="title-bar">
+    <div class="title-bar-text">{{title | safe}}</div>
+    <div class="title-bar-controls">
+        {% if close %}
+        <a href="{{ close }}"><button aria-label="Close"></button></a>
+        {% endif %}
+    </div>
+    </div>
+    <div class="window-body">
+{% endmacro window %}
+
+{% macro endwindow() %}
+    </div>
+</div>
+{% endmacro endwindow %}
+
+
+{% macro soaosed(text) %}
+<span class="flip" data-title="{{ text }}"
+  ><span class="hidden-selectable">{{ text }}</span></span
+>
+{% endmacro soaosed %}
+
+{% macro treeview(height="auto") %}
+<div class="sunken-panel">
+  <ul class="tree-view" style="height: {{height}}; overflow-y: scroll">
+{% endmacro treeview %}
+
+{% macro endtreeview() %}
+  </ul>
+</div>
+{% endmacro endtreeview %}
+
+{% macro subtree(name, url="", open=false, blank=false) %}
+<li>
+  <details {% if open %}open{% endif %}>
+    <summary>
+    {% if url %}<a href="{{ url }}" {% if blank %}target="_blank"{% endif %}>{% else %}<b>{% endif %}
+    {{ name | safe }}
+    {% if url %}</a>{% else %}</b>{% endif %}
+    </summary>
+    <ul>
+{% endmacro subtree %}
+
+{% macro endsubtree() %}
+    </ul>
+  </details>
+</li>
+{% endmacro endsubtree %}
+
+{% macro treelink(text, url, blank=false, wip=false, wip_tooltip="") %}
+<li>
+  <a href="{{ url }}" {% if blank %} target="_blank" {% endif %} {% if rel %} rel="{{ rel }}" {% endif %}>{{ text }}</a>
+  {% if wip %}
+  <span {% if wip_tooltip %}data-tooltip="{{ wip_tooltip }}" {% endif %}>
+    <span class="under-construction unselectable">⚠</span>
+  </span>
+  {% endif %}
+</li>
+{% endmacro treelink %}
+\ No newline at end of file
diff --git a/templates/shortcodes/subtree.html b/templates/shortcodes/subtree.html
index 2246718..09f29ce 100644
--- a/templates/shortcodes/subtree.html
+++ b/templates/shortcodes/subtree.html
@@ -1,6 +1,10 @@
 <li>
   <details {% if open %}open{% endif %}>
-    <summary><b>{{ name | safe }}</b></summary>
+    <summary>
+    {% if url %}<a href="{{ url }}" {% if blank %}target="_blank"{% endif %}>{% else %}<b>{% endif %}
+    {{ name | safe }}
+    {% if url %}</a>{% else %}</b>{% endif %}
+    </summary>
     <ul>
       {{ body | markdown | safe }}
     </ul>