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
This commit is contained in:
78
templates/about.html
Normal file
78
templates/about.html
Normal file
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sv">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Om Oss | Ursprung Sverige</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header site-header--single">
|
||||
<div class="container">
|
||||
<a href="index.html" class="site-title-link">
|
||||
<h1 class="site-title site-title--small">Ursprung Sverige</h1>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="site-main site-main--single">
|
||||
<div class="container container--narrow">
|
||||
<article class="about-page">
|
||||
<h1>Om Ursprung Sverige</h1>
|
||||
|
||||
<section class="about-section">
|
||||
<h2>Vårt Syfte</h2>
|
||||
<p>Ursprung Sverige är en kurerad samling av svenska produkter, tjänster, upplevelser och tillverkare. Målet är att göra det enklare för dig att stödja svensk ekonomi och kultur genom medvetna val.</p>
|
||||
<p>Jag tror på att synliggöra företag och produkter som bidrar till det svenska samhället – från traditionellt hantverk till moderna digitala tjänster.</p>
|
||||
</section>
|
||||
|
||||
<section class="about-section">
|
||||
<h2>Vem Står Bakom?</h2>
|
||||
<p>Ursprung Sverige skapas och underhålls av <strong>Jonas Raneryd Imaizumi</strong>. Det här är ett personligt projekt drivet av en önskan att göra det enklare att hitta och stödja svenska alternativ.</p>
|
||||
</section>
|
||||
|
||||
<section class="about-section">
|
||||
<h2>Hosting i Sverige</h2>
|
||||
<p>Vi lever som vi lär. Denna webbplats hostas på servrar i <strong>Lerum, Sverige</strong>. Dina besök stannar inom Sveriges gränser.</p>
|
||||
</section>
|
||||
|
||||
<section class="about-section">
|
||||
<h2>Din Integritet</h2>
|
||||
<p>Vi respekterar din integritet fullt ut:</p>
|
||||
<ul>
|
||||
<li><strong>Inga cookies</strong> – Vi använder inga cookies överhuvudtaget</li>
|
||||
<li><strong>Ingen spårning</strong> – Inget Google Analytics eller liknande tjänster</li>
|
||||
<li><strong>Ingen dataförsäljning</strong> – Vi samlar inte in eller säljer personuppgifter</li>
|
||||
<li><strong>Inga tredjepartstjänster</strong> – Allt laddas från våra egna servrar</li>
|
||||
</ul>
|
||||
<p>Du kan surfa här utan att lämna digitala spår.</p>
|
||||
</section>
|
||||
|
||||
<section class="about-section">
|
||||
<h2>Öppen Källkod</h2>
|
||||
<p>Webbplatsen är byggd med enkel teknik – ren HTML, CSS och minimal JavaScript. Ingen spårningskod, inga tunga ramverk, inga dolda skript.</p>
|
||||
</section>
|
||||
|
||||
<section class="about-section">
|
||||
<h2>Kontakt</h2>
|
||||
<p>Har du förslag på svenska företag, produkter eller tjänster som borde finnas med? Eller har du upptäckt att en märkning eller annan information är felaktig? Hör av dig!</p>
|
||||
<p><a href="mailto:jonas@ursprungsverige.se">jonas@ursprungsverige.se</a></p>
|
||||
</section>
|
||||
|
||||
<a href="index.html" class="back-link">← Tillbaka till alla poster</a>
|
||||
</article>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<p>Ursprung Sverige © {{ 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>
|
||||
</body>
|
||||
</html>
|
||||
89
templates/badges.html
Normal file
89
templates/badges.html
Normal file
@@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sv">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Om Märkning | Ursprung Sverige</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header site-header--single">
|
||||
<div class="container">
|
||||
<a href="index.html" class="site-title-link">
|
||||
<h1 class="site-title site-title--small">Ursprung Sverige</h1>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="site-main site-main--single">
|
||||
<div class="container container--narrow">
|
||||
<article class="badges-page">
|
||||
<h1>Om Märkning</h1>
|
||||
<p class="intro">Vi använder ett märkningssystem för att visa hur svenskt ett företag, en produkt eller tjänst verkligen är. Märkningarna hjälper dig att göra medvetna val när du vill stödja svensk ekonomi och kultur.</p>
|
||||
|
||||
<section class="badge-tier-section">
|
||||
<div class="badge-tier-header">
|
||||
<span class="badge badge-tier-1">Äkta Svenskt</span>
|
||||
<span class="tier-label">Högsta nivån</span>
|
||||
</div>
|
||||
<p>Den finaste märkningen. Företaget är svenskt, produktionen eller driften sker i Sverige, och de använder svenska underleverantörer och tjänster. För digitala tjänster innebär detta svenska servrar och svensk hosting genomgående.</p>
|
||||
<p class="criteria"><strong>Kriterier:</strong> Svenskt företag + svensk produktion/drift + svenska leverantörer</p>
|
||||
</section>
|
||||
|
||||
<section class="badge-tier-section">
|
||||
<div class="badge-tier-header">
|
||||
<span class="badge badge-tier-2">Tillverkat i Sverige</span>
|
||||
<span class="badge badge-tier-2">Svenskt Moln</span>
|
||||
</div>
|
||||
<p><strong>Tillverkat i Sverige</strong> gäller fysiska produkter som tillverkas i Sverige av ett svenskt företag.</p>
|
||||
<p><strong>Svenskt Moln</strong> gäller digitala tjänster där ett svenskt företag har sina servrar och hosting i Sverige.</p>
|
||||
<p class="criteria"><strong>Kriterier:</strong> Svenskt företag + svensk produktion (fysisk) eller svensk hosting (digital)</p>
|
||||
</section>
|
||||
|
||||
<section class="badge-tier-section">
|
||||
<div class="badge-tier-header">
|
||||
<span class="badge badge-tier-3">Designat i Sverige</span>
|
||||
<span class="badge badge-tier-3">Utvecklat i Sverige</span>
|
||||
</div>
|
||||
<p><strong>Designat i Sverige</strong> gäller produkter som designas i Sverige men kan tillverkas utomlands.</p>
|
||||
<p><strong>Utvecklat i Sverige</strong> gäller digitala tjänster som utvecklas i Sverige men kan hostas utomlands.</p>
|
||||
<p class="criteria"><strong>Kriterier:</strong> Svenskt företag + svensk design/utveckling</p>
|
||||
</section>
|
||||
|
||||
<section class="badge-tier-section">
|
||||
<div class="badge-tier-header">
|
||||
<span class="badge badge-tier-4">Svenskt Företag</span>
|
||||
</div>
|
||||
<p>Grundnivån. Företaget är registrerat eller grundat i Sverige. Produktion, utveckling eller drift kan ske var som helst.</p>
|
||||
<p class="criteria"><strong>Kriterier:</strong> Svenskregistrerat eller svenskgrundat företag</p>
|
||||
</section>
|
||||
|
||||
<section class="why-section">
|
||||
<h2>Varför spelar det roll?</h2>
|
||||
<p>Genom att välja svenska alternativ bidrar du till:</p>
|
||||
<ul>
|
||||
<li><strong>Svenska jobb</strong> – Produktion och utveckling i Sverige skapar arbetstillfällen</li>
|
||||
<li><strong>Kortare transporter</strong> – Mindre miljöpåverkan när varor inte fraktas långt</li>
|
||||
<li><strong>Dataskydd</strong> – Svenska servrar innebär att dina data skyddas av svensk och europeisk lag</li>
|
||||
<li><strong>Kvalitet och tradition</strong> – Svenskt hantverk och ingenjörskonst har lång tradition</li>
|
||||
<li><strong>Lokal ekonomi</strong> – Pengarna stannar i Sverige och stärker samhället</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<a href="index.html" class="back-link">← Tillbaka till alla poster</a>
|
||||
</article>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<p>Ursprung Sverige © {{ 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>
|
||||
</body>
|
||||
</html>
|
||||
10
templates/partials/footer.html
Normal file
10
templates/partials/footer.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<p>Ursprung Sverige © {{ year }}</p>
|
||||
<p class="footer-tagline">Stöd svensk ekonomi och kultur</p>
|
||||
<nav class="footer-nav">
|
||||
<a href="{{ rootPath }}om-oss.html">Om oss</a>
|
||||
<a href="{{ rootPath }}om-markning.html">Om märkning</a>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
35
templates/single.html
Normal file
35
templates/single.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sv">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ title }}</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header site-header--single">
|
||||
<div class="container">
|
||||
<a href="../index.html" class="site-title-link">
|
||||
<h1 class="site-title site-title--small">Ursprung Sverige</h1>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="site-main site-main--single">
|
||||
<div class="container container--narrow">
|
||||
{{ content }}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<p>Ursprung Sverige © {{ 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>
|
||||
</body>
|
||||
</html>
|
||||
59
templates/template.html
Normal file
59
templates/template.html
Normal file
@@ -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 © {{ 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>
|
||||
Reference in New Issue
Block a user