From c0a92547c6aca4d604df51a85e6afda9710798fd Mon Sep 17 00:00:00 2001
From: TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com>
Date: Sun, 21 Sep 2025 17:57:36 +0900
Subject: created content/, created layouts/

---
 content/recordings/index.md              |  5 +++
 layouts/recordings/recordings-plain.html | 77 ++++++++++++++++++++++++++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 content/recordings/index.md
 create mode 100644 layouts/recordings/recordings-plain.html
diff --git a/content/recordings/index.md b/content/recordings/index.md
new file mode 100644
index 0000000..33e3f43
--- /dev/null
+++ b/content/recordings/index.md
@@ -0,0 +1,5 @@
+---
+title: "Daily Notes"
+url: "/recordings/"
+layout: "recordings-plain"
+---
diff --git a/layouts/recordings/recordings-plain.html b/layouts/recordings/recordings-plain.html
new file mode 100644
index 0000000..1b1b82b
--- /dev/null
+++ b/layouts/recordings/recordings-plain.html
@@ -0,0 +1,77 @@
+<!doctype html>
+<meta charset="utf-8" />
+<title>{{ .Title }}</title>
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<style>
+  body {
+    font-family:
+      system-ui,
+      Segoe UI,
+      Roboto,
+      Apple SD Gothic Neo,
+      AppleGothic,
+      sans-serif;
+    max-width: 900px;
+    margin: 32px auto;
+    padding: 0 16px;
+  }
+  h1 {
+    margin-bottom: 12px;
+  }
+  ul {
+    line-height: 1.9;
+  }
+  a {
+    text-decoration: none;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+  video {
+    width: 100%;
+    height: auto;
+    margin: 12px 0;
+  }
+  .meta {
+    color: #666;
+    margin-top: 4px;
+  }
+</style>
+
+<h1>Recordings</h1>
+
+<div id="player" style="display: none">
+  <video id="video" controls preload="metadata"></video>
+  <div id="meta" class="meta"></div>
+</div>
+
+<ul id="list">
+  {{ range .Resources.Match "*.{mp4,mov}" }}
+  <li>
+    <a href="{{ .RelPermalink }}" data-name="{{ .Name }}" class="vid">
+      {{ .Name }}
+    </a>
+  </li>
+  {{ else }}
+  <li>No recordings found.</li>
+  {{ end }}
+</ul>
+
+<script>
+  document.addEventListener("DOMContentLoaded", () => {
+    const list = document.getElementById("list");
+    const wrap = document.getElementById("player");
+    const video = document.getElementById("video");
+    const meta = document.getElementById("meta");
+    list.addEventListener("click", (e) => {
+      const a = e.target.closest("a.vid");
+      if (!a) return;
+      e.preventDefault();
+      video.src = a.getAttribute("href");
+      video.play().catch(() => {});
+      wrap.style.display = "";
+      const name = a.dataset.name || video.src.split("/").pop();
+      meta.textContent = name;
+    });
+  });
+</script>
-- 
cgit v1.2.3

