Files
Nubenetes Bot c41028e023 feat(v2): restructure home — Topic Map + Methodology pages, mosaic & a11y polish
Declutter the V2 landing page into a curated entry point and move the
full category directory and reference legends to dedicated pages.

Home (index):
- Move "Trending Now / Digest" above the signature YouTube mosaic (fix
  inverted altitude: fresh, dynamic content first).
- Replace the ~130-link "Strategic Dimensions" dump with a "Topic Map"
  badge card + a slim reference footer (Topic Map · Methodology · Videos).
- Frame the mosaic with a "The Cloud Native Universe We Track" heading.

New generated pages:
- topic-map.md — full category directory by dimension in a responsive
  multi-column CSS grid, with per-category resource counts.
- methodology.md — Maturity Taxonomy + Technical Impact legend tables
  (moved out of the home).

Mosaic (kept as brand signature, reinforced):
- Surface the per-group category labels that were hidden in title=.
- loading="lazy" on the ~150 channel logos (LCP/perf win).

about.md videos:
- youtube-nocookie.com + loading="lazy" + responsive aspect-ratio wrapper.

Config & cleanup:
- Disable navigation.expand (169-entry nav stayed fully open); the Topic
  Map page now serves as the full directory.
- Branded 404 page with clear ways back (Home / Topic Map / V1 Archive).
- Hoist repeated inline styles (hero badge row) into CSS classes.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-20 11:52:21 +02:00

24 lines
1.1 KiB
HTML

{% extends "main.html" %}
<!--
Branded 404. The portal cares about deep-link stability (see CLAUDE.md URL
policy), so a dead link lands on a helpful page with clear ways back rather
than the theme's bare "404 - Not found". Shared by V1 and V2 (custom_dir is
docs/overrides for both), so styling is self-contained and links are root-relative.
-->
{% block content %}
<div style="text-align:center; max-width:42rem; margin:3rem auto; padding:0 1rem;">
<p style="font-size:6rem; font-weight:700; line-height:1; margin:0; opacity:0.15;">404</p>
<h1 style="margin-top:0.5rem;">This page took a wrong turn</h1>
<p style="font-size:0.9rem; opacity:0.8;">
The resource you are looking for may have moved or never existed. Use the
search at the top, or jump back to a known starting point below.
</p>
<div style="display:flex; gap:0.75rem; justify-content:center; flex-wrap:wrap; margin-top:1.5rem;">
<a href="/" class="md-button md-button--primary">🏠 Home</a>
<a href="/topic-map/" class="md-button">🗺️ Topic Map</a>
<a href="/v1/" class="md-button">📚 V1 Archive</a>
</div>
</div>
{% endblock %}