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:
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>
|
||||
Reference in New Issue
Block a user