synops/maskinrommet/src/templates/base.html
vegard bf67ad1b96 Fullfører oppgave 14.15: nav-lenker, docs, tasks.md
- Navigasjonslenker (Arkiv, Søk) i base.html header
- Dokumentasjon av implementerte sidetyper i publisering.md
- Markerer oppgave 14.15 som ferdig i tasks.md

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 02:41:34 +00:00

94 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{{ collection_title | default(value="Synops") }}{% endblock %}</title>
{% if has_rss %}<link rel="alternate" type="application/rss+xml" title="{{ collection_title | default(value='RSS') }}" href="{{ base_url }}/feed.xml">{% endif %}
{% block seo %}{% endblock %}
<style>
{{ css_variables | safe }}
/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: var(--font-body);
color: var(--color-text);
background: var(--color-background);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
a { color: var(--color-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; }
.site-header {
border-bottom: 1px solid var(--color-muted);
padding: 1rem 0;
}
.site-header__inner {
max-width: var(--layout-max-width);
margin: 0 auto;
padding: 0 1rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.site-title {
font-family: var(--font-heading);
font-size: 1.5rem;
font-weight: 700;
color: var(--color-primary);
}
.site-title a { color: inherit; }
.site-footer {
border-top: 1px solid var(--color-muted);
padding: 2rem 0;
text-align: center;
color: var(--color-muted);
font-size: 0.875rem;
margin-top: 4rem;
}
.container {
max-width: var(--layout-max-width);
margin: 0 auto;
padding: 0 1rem;
}
{% block extra_css %}{% endblock %}
</style>
</head>
<body>
<header class="site-header">
<div class="site-header__inner">
<div class="site-title">
{% if logo_hash %}
<a href="{{ base_url }}"><img src="/cas/{{ logo_hash }}" alt="{{ index.title | default(value=collection_title) }}" style="max-height: 2.5rem;"></a>
{% else %}
<a href="{{ base_url }}">{{ index.title | default(value=collection_title) | default(value="Synops") }}</a>
{% endif %}
</div>
<nav style="display:flex;gap:1rem;align-items:center;font-size:0.9rem;">
<a href="{{ base_url }}/arkiv">Arkiv</a>
<a href="{{ base_url }}/sok">Søk</a>
{% if has_rss %}<a href="{{ base_url }}/feed.xml" title="RSS-feed">RSS</a>{% endif %}
</nav>
</div>
</header>
<main>
{% block content %}{% endblock %}
</main>
<footer class="site-footer">
<div class="container">
Drevet av Synops
</div>
</footer>
</body>
</html>