vault backup: 2025-12-07 12:39:26

2025-12-07 12:39:26 +01:00
parent 713dae01cc
commit fc5133b214
7 changed files with 374 additions and 694 deletions
--- a/wip/templates/base.html
+++ b/wip/templates/base.html
@@ -1,175 +1,14 @@
 <html lang="en">
 <head>
    <meta charset="utf-8">
-    <style>
-        /* Root scales + light/dark system colors */
-        :root {
-            color-scheme: light dark;
-            --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-            --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
-            --max-width: 70ch;
-            --line-height: 1.15;
-            --space: 1.25rem;
-            --radius: 6px;
-        }
-
-        body {
-            margin: 0 auto;
-            max-width: var(--max-width);
-            padding: calc(var(--space) * 1.2);
-            font-family: var(--font-body);
-            line-height: var(--line-height);
-            font-size: 1rem;
-            word-wrap: break-word;
-            text-rendering: optimizeLegibility;
-        }
-
-        /* Color auto-adjusts with system theme */
-        @media (prefers-color-scheme: light) {
-            body {
-                background: #fafafa;
-                color: #222;
-            }
-
-            a {
-                color: #0645ad;
-            }
-
-            code, pre {
-                background: #f0f0f0;
-            }
-
-            hr {
-                border-color: #ddd;
-            }
-        }
-
-        @media (prefers-color-scheme: dark) {
-            body {
-                background: #111;
-                color: #ddd;
-            }
-
-            a {
-                color: #7bbaff;
-            }
-
-            code, pre {
-                background: #222;
-            }
-
-            hr {
-                border-color: #333;
-            }
-        }
-
-        p, ul, ol, blockquote, pre, table {
-            margin: var(--space) 0;
-        }
-
-        /* Headings: predictable rhythm, not oversized */
-        h1, h2, h3, h4, h5, h6 {
-            line-height: 1.25;
-            margin: calc(var(--space) * 1.6) 0 var(--space);
-            font-weight: 600;
-        }
-
-        h1 {
-            font-size: 1.8rem;
-        }
-
-        h2 {
-            font-size: 1.45rem;
-        }
-
-        h3 {
-            font-size: 1.25rem;
-        }
-
-        h4 {
-            font-size: 1.1rem;
-        }
-
-        h5, h6 {
-            font-size: 1rem;
-        }
-
-        /* Lists */
-        ul, ol {
-            padding-inline-start: 1.4rem;
-            margin-block-start: var(--space);
-        }
-
-        li {
-            margin: 0.3rem 0;
-        }
-
-        /* Code */
-        code, pre {
-            font-family: var(--font-mono);
-            font-size: 0.9rem;
-            border-radius: var(--radius);
-        }
-
-        pre {
-            padding: 0.75rem 1rem;
-            overflow-x: auto;
-        }
-
-        /* Tables */
-        table {
-            width: 100%;
-            border-collapse: collapse;
-            font-size: 0.95rem;
-        }
-
-        th, td {
-            padding: 0.5rem 0.75rem;
-            border: 1px solid currentcolor;
-            border-opacity: 0.2;
-        }
-
-        th {
-            font-weight: 600;
-        }
-
-        /* Blockquotes */
-        blockquote {
-            padding: 0.75rem 1rem;
-            border-inline-start: 4px solid currentcolor;
-            border-opacity: 0.4;
-            opacity: 0.9;
-        }
-
-        /* Images & media */
-        img, video {
-            max-width: 100%;
-            height: auto;
-            display: block;
-            border-radius: var(--radius);
-            margin: var(--space) 0;
-        }
-
-        /* Horizontal rule */
-        hr {
-            margin: calc(var(--space) * 2) 0;
-            border: none;
-            border-bottom: 1px solid;
-            opacity: 0.2;
-        }
-    </style>
+    <base href="{{base_path}}">
+    <link rel="stylesheet" href="style.css">
    <title>{{note.title}}</title>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js">
-    </script>
-    <script type="text/x-mathjax-config">
-        MathJax.Hub.Config({
-          config: ["MMLorHTML.js"],
-          jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"],
-          extensions: ["MathMenu.js", "MathZoom.js"]
-        });
-    </script>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js"></script>
 </head>
 <body>
+<div class="sidebar"></div>
+<div class="content">
 <h1>{{note.title}}</h1>
 <ul>
 {% for key, value in note.frontmatter.items() %}
@@ -186,5 +25,7 @@
 {% endfor %}
 </ul>
 {{note.our_content | markdown}}
+</div>
+<script src="script.js"></script>
 </body>
 </html>