✨feature: First working version with dummy content

2025-11-29 12:27:20 -06:00
parent db4058539a
commit e6f6ea5846
19 changed files with 1193 additions and 1 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <title>{{pageTitle}} | Dev Notes</title>
+
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500;700&family=General+Sans:wght@400;500;600&display=swap" rel="stylesheet">
+
+  <link rel="stylesheet" href="/assets/css/layout.css" />
+  <link rel="stylesheet" href="/assets/css/typography.css" />
+  <link rel="stylesheet" href="/assets/css/components.css" />
+  <link rel="stylesheet" href="/assets/css/responsive.css" />
+
+  <link href="https://cdn.lineicons.com/5.0/lineicons.css" rel="stylesheet" />
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css" integrity="sha512-Jk4AqjWsdSzSWCSuQTfYRIF84Rq/eV0G2+tu07byYwHcbTGfdmLrHjUSwvzp5HvbiqK4ibmNwdcG49Y5RGYPTg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+  {{extraHead}}
+</head>
+
+<body>
+  <div class="page">
+    {{header}}
+
+    <div class="page-body">
+      {{sidebar}}
+
+      <main class="content" id="main-content">
+        {{content}}
+      </main>
+    </div>
+
+    {{footer}}
+  </div>
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js" integrity="sha512-D9gUyxqja7hBtkWpPWGt9wfbfaMGVt9gnyCvYa+jojwwPHLCzUm5i8rpk7vD7wNee9bA35eYIjobYPaQuKS1MQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+  <script src="/assets/js/search.js"></script>
+
+  <script>hljs.highlightAll();</script>
+</body>
+</html>
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -0,0 +1,7 @@
+<footer class="site-footer">
+  <div>Built for Cloudflare Pages deployment.</div>
+  <div class="footer-links">
+    <a class="lni lni-wordpress" href="https://keithsolomon.net" target="_blank" rel="noreferrer"><span class="sr-only">Personal Site</span></a>
+    <a class="lni lni-github" href="https://github.com/ksolomon/" target="_blank" rel="noreferrer"><span class="sr-only">GitHub</span></a>
+  </div>
+</footer>
--- a/templates/header.html
+++ b/templates/header.html
@@ -0,0 +1,15 @@
+<header class="site-header">
+  <div class="brand">
+    <a href="/">Dev Notes</a>
+  </div>
+
+  <nav class="nav">
+    {{navLinks}}
+  </nav>
+
+  <div class="search">
+    <label class="sr-only" for="search-input">Search notes</label>
+    <input id="search-input" type="search" placeholder="Search notes..." autocomplete="off" />
+    <div id="search-results" class="search-results" aria-live="polite"></div>
+  </div>
+</header>
--- a/templates/sidebar.html
+++ b/templates/sidebar.html
@@ -0,0 +1,10 @@
+<aside class="sidebar">
+  <div class="sidebar-head">
+    <p class="eyebrow">Section</p>
+    <h2>{{sectionTitle}}</h2>
+  </div>
+
+  <ul class="sidebar-links">
+    {{sidebarLinks}}
+  </ul>
+</aside>