SciSiteForge/theme/themes/talkorigins-modern/base.html

93 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="{{ lang }}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ page_title }} — {{ site_title }}</title>
<meta name="description" content="{{ description }}" />
<link rel="stylesheet" href="{{ theme_stylesheet_href }}" />
<link rel="icon" href="{{ theme_asset_prefix }}/toa.ico" sizes="any" />
<script src="{{ theme_script_href }}" defer></script>
</head>
<body class="{{ body_class }}">
<a class="skip-link" href="#main">Skip to content</a>
<div class="{{ site_shell_class }}">
<header class="site-header">
<div class="brand-block">
<div class="brand-row">
<a class="brand-mark" href="/" aria-label="{{ site_title }} home">
<img src="{{ theme_asset_prefix }}/toa_logo_001_edit_001.png" alt="{{ site_title }} logo" />
</a>
<div class="brand-copy">
<p class="brand-kicker">{{ hero_kicker }}</p>
<a class="brand-title" href="/">{{ site_title }}</a>
<p class="brand-summary">{{ theme_description }}</p>
</div>
</div>
</div>
<nav class="top-nav" aria-label="Primary navigation">
{{ navigation_html }}
{{ language_selector_html }}
</nav>
</header>
<main id="main">
<section class="hero-panel">
<p class="eyebrow">{{ hero_kicker }}</p>
<div class="hero-grid">
<div class="hero-copy">
<h1>{{ hero_title }}</h1>
<div class="lede">{{ hero_lede }}</div>
<div class="button-row">
{{ hero_actions_html }}
</div>
</div>
<div class="continuity-note hero-note">
<p class="eyebrow">What This Is</p>
<h2>A preview of a working modernization path</h2>
<p>The Archive remains a stable reference library. The redesign makes that library easier to read, search, and connect to sister Foundation resources.</p>
<ul class="link-list compact-list">
<li>Stable explanatory articles</li>
<li>Claim-centered entry points</li>
<li>Search across Foundation corpora</li>
</ul>
</div>
</div>
</section>
<section id="start" class="content-panel lead-panel">
<h2>Start Here</h2>
<div class="feature-grid">
{{ feature_cards_html }}
</div>
</section>
<section id="resources" class="content-panel resources-panel">
<h2>Key Resources</h2>
{{ notebook_html }}
<div class="section-grid">
{{ section_cards_html }}
{{ app_cards_html }}
</div>
</section>
<section id="references" class="content-panel">
<h2>Reference Context</h2>
<ul class="archive-list bibliography-list">
{{ bibliography_html }}
</ul>
</section>
<section id="roadmap" class="content-panel roadmap-panel">
<h2>Roadmap</h2>
{{ roadmap_html }}
</section>
</main>
<footer class="site-footer">
<p class="footer-note"><strong>{{ site_title }}</strong> is the current SciSiteForge proving ground for modern archive-style science sites.</p>
</footer>
</div>
</body>
</html>