Revert "Update notes component to reflect obsidian notes"

This reverts commit 4458844029.

nginx/vue/src/components/Navbar.vue

@@ -49,7 +49,7 @@ const faces_string = faces.join("      ");
         <RouterLink class="bdr-2 bg-bg_primary" to="/" v-if="!inHome">
             <a>HOME</a>
         </RouterLink>
-        <RouterLink class="bdr-2 bg-bg_primary" v-if="parentPath && !route.path.startsWith('/notes/')" :to="parentPath">
+        <RouterLink class="bdr-2 bg-bg_primary" v-if="parentPath" :to="parentPath">
             <a>UP</a>
         </RouterLink>
         <Headline class="border flex-1 max-w-full">

nginx/vue/src/views/Notes.vue

@@ -58,161 +58,18 @@ function fixLinks(filedata) {
 onMounted(fetchFile);
 </script>
 
-<style>
-/* ── Obsidian-style note container ───────────────────────────────────── */
-.obsidian-note {
-    position: relative;
-    width: min(720px, 100%);
-    min-height: 60vh;
-    margin: 0 auto;
-    background-color: var(--bg_primary);
-    border: 1px solid var(--quaternary);
-    box-shadow: 0 0 0 1px var(--quaternary), 4px 4px 24px rgba(0, 0, 0, 0.6);
-    display: flex;
-    flex-direction: column;
-}
-
-/* Ruled-line paper texture on the body area */
-.obsidian-body {
-    display: flex;
-    flex: 1;
-    background-image: repeating-linear-gradient(
-        to bottom,
-        transparent 0px,
-        transparent calc(1.6rem - 1px),
-        var(--quaternary) calc(1.6rem - 1px),
-        var(--quaternary) 1.6rem
-    );
-    background-attachment: local;
-}
-
-/* ── Title bar ───────────────────────────────────────────────────────── */
-.obsidian-titlebar {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    padding: 12px 16px 10px;
-    border-bottom: 1px solid var(--quaternary);
-    background-color: var(--bg_secondary);
-}
-
-.obsidian-breadcrumb {
-    font-family: var(--font_heading);
-    font-size: 0.75rem;
-    letter-spacing: 0.08em;
-    color: var(--primary);
-    opacity: 0.7;
-    text-transform: lowercase;
-}
-
-.obsidian-meta {
-    font-size: 0.7rem;
-    color: var(--tertiary);
-    opacity: 0.8;
-}
-
-/* ── Left gutter (Obsidian fold-indicator column) ────────────────────── */
-.obsidian-gutter {
-    width: 32px;
-    flex-shrink: 0;
-    border-right: 1px solid var(--quaternary);
-    background-color: color-mix(in srgb, var(--bg_secondary) 60%, transparent);
-}
-
-/* ── Content area ────────────────────────────────────────────────────── */
-.obsidian-content {
-    flex: 1;
-    padding: 24px 32px 40px 24px;
-    line-height: 1.6rem;
-    overflow-wrap: break-word;
-    min-width: 0;
-}
-
-/* Headings sit on the ruled baseline */
-.obsidian-content h1,
-.obsidian-content h2,
-.obsidian-content h3,
-.obsidian-content h4 {
-    line-height: 1.6rem;
-    margin-bottom: 0;
-    padding-top: 1.6rem;
-    border-bottom: 1px dotted var(--quaternary);
-}
-
-.obsidian-content h1 {
-    font-size: 1.6rem;
-    line-height: 3.2rem;
-    padding-top: 0;
-}
-
-/* Paragraphs align to grid */
-.obsidian-content p {
-    margin: 0;
-    padding: 0;
-    line-height: 1.6rem;
-}
-
-/* Code blocks */
-.obsidian-content pre {
-    background-color: var(--bg_secondary);
-    border-left: 3px solid var(--primary);
-    padding: 4px 12px;
-    margin: 0;
-    overflow-x: auto;
-    line-height: 1.6rem;
-}
-
-.obsidian-content pre code {
-    background: none;
-    padding: 0;
-}
-
-.obsidian-content code {
-    background-color: var(--bg_secondary);
-    padding: 0 4px;
-    border-radius: 2px;
-}
-
-/* Blockquotes */
-.obsidian-content blockquote {
-    border-left: 3px solid var(--tertiary);
-    margin: 0;
-    padding-left: 16px;
-    color: var(--tertiary);
-}
-
-/* Links */
-.obsidian-content a {
-    text-decoration: underline;
-    text-decoration-style: dotted;
-}
-
-/* Lists stay on grid */
-.obsidian-content ul,
-.obsidian-content ol {
-    margin: 0;
-    padding-left: 1.5rem;
-}
-
-.obsidian-content li {
-    line-height: 1.6rem;
-}
-</style>
-
 <template>
     <main class="items-center flex flex-col">
         <div class="background halftone" />
-        <div v-if="file" class="obsidian-note">
+        <div
-            <div class="obsidian-titlebar">
+            v-if="file"
-                <div class="obsidian-breadcrumb">notes / {{ filename }}</div>
+            class="a4page-portrait border-primary-1 flex flex-col relative overflow-scroll gap-1 bg-bg_primary"
-                <small class="obsidian-meta">last edited: {{ last_edited?.toLocaleString() }}</small>
+        >
-            </div>
+            <h1>{{ filename }}</h1>
-            <div class="obsidian-body">
+            <small>{{ last_edited }}</small>
-                <div class="obsidian-gutter" aria-hidden="true" />
+            <Markdown class="flex-1 border-box text-wrap" :source="file" />
-                <Markdown class="obsidian-content" :source="file" />
-            </div>
         </div>
 
-        <div v-else class="text-secondary">Loading…</div>
+        <div v-else>Loading…</div>
     </main>
 </template>