initial commit

notes.html

@@ -0,0 +1,41 @@
+---
+layout: default
+title: Recent notes
+has_open_heart: false
+---
+
+<ul class="notes">
+{% assign notes = site.notes | sort: "date" | reverse %}
+{% for note in notes limit: 100 %}
+  <li class="note">
+    <div class="note-heading" style="display: flex; justify-content: space-between; align-items: center;;">
+      <div>
+        <a href="{{ note.url }}" class="monospace">
+          <h2 class="text"><u>{{ note.date | date: "%B %e, %Y" }}</u></h2>
+        </a>
+        {% comment %}
+        <open-heart class="text-open-heart monospace" href="https://likes.muan.dev/?id={{ note.url }}" emoji="❤️" aria-labelledby="like-prompt">
+          <span class="on">Liked ♥︎.</span><span class="off">Like?</span>
+        </open-heart>
+        {% endcomment %}
+      </div>
+      <a href="https://code.muhh.lol/muhh/site/edit/main/{{ note.path }}" class="monospace" tabindex="-1" aria-hidden="true">&nbsp;&nbsp;&nbsp;&nbsp;</a>
+    </div>
+    {{ note.content | markdownify }}
+  </li>
+{% endfor %}
+</ul>
+
+{% if notes.size > 100 %}
+  <hr>
+  <p class="desc">Only the most recent 100 notes are shown.</p>
+  {% for note in notes %}
+    {% assign id = note.date | date: "%Y%m%d%I%M" %}
+    <a class="note" id="t{{id}}" href="{{ note.url }}" hidden></a>
+  {% endfor %}
+  <script>
+    if (window.location.hash) {
+      document.querySelector(document.location.hash)?.click()
+    }
+  </script>
+{% endif %}