Initial static site implementation

- Node.js build script with gray-matter and marked - Self-hosted fonts (DM Serif Display, Karla) - Swedish badge system for origin transparency - Filtering by category, region, tags, and search - URL-based filter state for shareable links - Individual entry pages - About and badge info pages - Privacy-focused: no cookies, no tracking, no external requests - Hosted in Lerum, Sweden
2026-01-25 22:45:50 +01:00
parent 3470a9c8e2
commit 47fc81bc72
1816 changed files with 2010 additions and 2 deletions
--- a/templates/template.html
+++ b/templates/template.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="sv">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ title }}</title>
+  <meta name="description" content="{{ subtitle }}">
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <header class="site-header">
+    <div class="container">
+      <div class="header-content">
+        <h1 class="site-title">{{ title }}</h1>
+        <p class="site-subtitle">{{ subtitle }}</p>
+      </div>
+      <div class="header-decoration">
+        <svg viewBox="0 0 100 60" class="sweden-motif" aria-hidden="true">
+          <rect x="0" y="0" width="100" height="60" fill="var(--color-accent)"/>
+          <rect x="0" y="24" width="100" height="12" fill="var(--color-accent-gold)"/>
+          <rect x="30" y="0" width="12" height="60" fill="var(--color-accent-gold)"/>
+        </svg>
+      </div>
+    </div>
+  </header>
+
+  <main class="site-main">
+    <div class="container">
+      <section class="filter-section">
+        {{ filters }}
+        <div class="filter-footer">
+          <p class="entry-count"><span id="visible-count">{{ entryCount }}</span> av {{ entryCount }} poster</p>
+          <a href="om-markning.html" class="badges-info-link">Vad betyder märkningarna?</a>
+        </div>
+      </section>
+
+      <section class="entries-section">
+        <div class="entries-grid" id="entries-grid">
+          {{ entries }}
+        </div>
+        <p class="no-results" id="no-results" hidden>Inga resultat hittades.</p>
+      </section>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="container">
+      <p>Ursprung Sverige &copy; {{ year }}</p>
+      <p class="footer-tagline">Stöd svensk ekonomi och kultur</p>
+      <nav class="footer-nav">
+        <a href="om-oss.html">Om oss</a>
+        <a href="om-markning.html">Om märkning</a>
+      </nav>
+    </div>
+  </footer>
+
+  <script src="filter.js"></script>
+</body>
+</html>