m17hr1l/nibiru-framework.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
f8f58c4ab9a303df4268eb2793dd433fc0da7817
nibiru-framework.com/docs/src/components/LandingFooter.astro
stephan f8f58c4ab9 Sweep: link fixes, splash i18n parity, neuronetz badge, mobile, training source 
LINK AUDIT — every internal link now resolves to a real page:
  - BrandHeader doc-nav 'Showcase' target → /{locale}/showcase/projects/
    (the showcase/ directory has no index, only patterns/projects)
  - Translated-slug bugs across de/es/fr/ja: ~30 broken links from the
    overnight translator that auto-localised path segments. Mapped back to
    the actual English slugs:
      de:  warum-nibiru → why-nibiru, kuenstliche-intelligenz/orakel → ai/oracle,
           kI/modul/* → ai/module/*, praesentation/projekte → showcase/projects
      es:  ai/modulo/* → ai/module/*, diseno/* → design/*,
           porque-nibiru / por-que-nibiru → why-nibiru,
           presentacion/proyectos → showcase/projects
      fr:  ia/module/* → ai/module/*, ia/module/formation → ai/module/training,
           pourquoi-nibiru → why-nibiru, presentation/projets → showcase/projects
      ja:  ai/milestones → ai/roadmap
  - Cross-locale leaks: bare `/ai/oracle` (no locale) → `/{locale}/ai/oracle/`
    in de/index.mdx, fr/index.mdx, fr/ai/module/overview.md, en/ai/corpus.md
  - `/en/start/` (which 404s — start/ has no index) was hardcoded in five
    design/components.md atelier-button hrefs across all locales →
    `/{locale}/start/installation/`
  - `/en/reference` removed from en/downloads.mdx — the reference doc tree
    isn't built yet; replaced with a github link to the v2 markdown source
  - Collapsed stray double-slashes (`/de/why-nibiru//` etc.) introduced by
    the slug-replacement sed sweep

Final audit shows 0 broken internal links (down from ~37).

TRAINING SOURCE NOW SHIPS — root cause of "I cannot find the training data
in the repository": the curated source files were gitignored.
  - .gitignore at scripts/extraction/ now whitelists framework-reference-v2.md
    and lora-augmentation.summary.txt alongside lora-augmentation.jsonl
  - The 1620-line v2 reference, the 323-record augmentation jsonl, and the
    summary report all enter the repo so the production Docker build sees
    them and contributors can find them by browsing gitea

NEURONETZ AI DEEPLINK BADGE — small "AI by Neuronetz ↗" pill in the splash
footer's bottom strip. Logo mark mirrored locally to
public/img/external/neuronetz-mark.svg (pulled from neuronetz.ai/favicon.svg)
so the page doesn't hot-link off-domain on every paint. Magenta border on
hover; opens neuronetz.ai in a new tab with rel=noopener.

SPLASH I18N PARITY — de/es/fr/ja index.mdx now import + render the same
component stack as en (CometTrail · MmvcStage · MissionControl · LaunchSequence
· SpacecraftGrid · EditorialContent · LandingFooter · ToTop · LandingScripts),
so every locale shows the full splash structure. The component bodies
themselves are still English (proper i18n is the next step); for now this
brings structural parity.

MOBILE RESPONSIVE SWEEP:
  - LandingFooter: 4-col grid stacks 2-col @ 768px and 1-col @ 480px;
    bottom strip wraps vertical at 480px
  - MmvcStage: 5-step progress rail tightens its gaps under 720px and
    drops the bar segments entirely under 480px so the labels fit
  - Docs bridge §11: tighter H1/H2 spacing, breadcrumbs/doc-meta on
    narrow viewports, pagination cards stack 1-col, help-strip stacks
    vertical, tables get horizontal-scroll on overflow
  - Doc-header: nav-version chip hides under 480px so the search-pill
    + brand fit comfortably

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-08 19:36:25 +02:00

222 lines
6.7 KiB
Plaintext
Raw Blame History

---
/**
* LandingFooter — mockup-faithful footer for the splash page.
*
* • 4-column grid: brand · Framework · Models · Community
* • Subtle star wash background (footer-canvas, vanilla canvas2d)
* • Bottom strip: "© 2026 Nibiru · Apache 2.0" + "Built in orbit · v0.9.2"
*
* The mockup's `id="docs"` anchor is preserved so in-page nav `<a href="#docs">`
* still scrolls here.
*/
---
<footer class="footer" id="docs">
<canvas id="footer-canvas" aria-hidden="true"></canvas>
<div class="container footer-inner">
<div class="footer-brand">
<div class="brand">
<img class="brand-mark" src="/img/nibiru-logo.png" alt="" style="height: 30px; width: auto;" />
<span class="brand-name">Nibiru<em></em></span>
</div>
<p>An AI-native MMVC PHP framework. Open source. Open weights when they ship. Built to compose.</p>
</div>
<div class="footer-col">
<h5>Framework</h5>
<ul>
<li><a href="#mmvc">MMVC pattern</a></li>
<li><a href="#code">Quick start</a></li>
<li><a href="/en/core/modules/">Modules</a></li>
<li><a href="/en/start/what-is-nibiru/">Reference</a></li>
</ul>
</div>
<div class="footer-col">
<h5>AI module</h5>
<ul>
<li><a href="/en/ai/module/overview/">Overview</a></li>
<li><a href="/en/ai/module/rag/">RAG plugin</a></li>
<li><a href="/en/ai/module/agent/">Agent plugin</a></li>
<li><a href="/en/ai/oracle/">The Oracle</a></li>
</ul>
</div>
<div class="footer-col">
<h5>Community</h5>
<ul>
<li><a href="https://github.com/alllinux/Nibiru">GitHub</a></li>
<li><a href="/en/showcase/projects/">Showcase</a></li>
<li><a href="/en/why-nibiru/">Why Nibiru</a></li>
<li><a href="/en/ai/roadmap/">Roadmap</a></li>
</ul>
</div>
</div>
<div class="container footer-bottom">
<span>© 2026 Nibiru · MIT licensed</span>
<a class="powered-by" href="https://neuronetz.ai/" target="_blank" rel="noopener" aria-label="Powered by Neuronetz AI — opens neuronetz.ai">
<img src="/img/external/neuronetz-mark.svg" alt="" width="18" height="18" loading="lazy" />
<span class="powered-by-label">AI by</span>
<span class="powered-by-name">Neuronetz</span>
<span class="powered-by-arrow" aria-hidden="true">↗</span>
</a>
<span>Built in orbit · v0.9.2</span>
</div>
</footer>
<style is:global>
.footer {
position: relative;
padding: 100px 0 60px;
background: var(--nibiru-space);
border-top: 1px solid var(--nibiru-line);
overflow: hidden;
color: var(--nibiru-star);
/* Break out of any centring container — the footer is full-bleed */
width: 100vw;
margin-left: 50%;
margin-right: 50%;
transform: translateX(-50%);
}
.footer #footer-canvas {
position: absolute; inset: 0;
width: 100%; height: 100%;
opacity: 0.4;
pointer-events: none;
z-index: 0;
}
.footer-inner {
position: relative; z-index: 2;
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: 48px;
max-width: var(--nibiru-container, 1280px);
margin: 0 auto;
padding: 0 32px;
}
@media (max-width: 768px) {
.footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; }
.footer { padding: 60px 0 40px; }
}
@media (max-width: 480px) {
.footer-inner { grid-template-columns: 1fr; gap: 28px; padding: 0 20px; }
.footer-bottom {
flex-direction: column;
align-items: flex-start;
gap: 14px;
padding: 24px 20px 0;
margin-top: 48px;
}
}
.footer-brand .brand {
margin-bottom: 16px;
display: flex; align-items: center; gap: 12px;
text-decoration: none;
}
.footer-brand .brand-name {
font-family: var(--font-display);
font-weight: 500;
font-size: 18px;
letter-spacing: -0.02em;
color: var(--nibiru-star);
}
.footer-brand .brand-name em { font-style: normal; font-weight: 300; }
.footer-brand p {
font-size: 14px;
color: rgba(244, 238, 219, 0.55);
max-width: 36ch;
line-height: 1.55;
margin: 12px 0 0;
}
.footer-col h5 {
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--nibiru-muted);
margin: 0 0 18px;
font-weight: 400;
}
.footer-col ul {
list-style: none;
padding: 0; margin: 0;
display: flex; flex-direction: column; gap: 12px;
}
.footer-col a {
font-size: 14px;
color: rgba(244, 238, 219, 0.7);
text-decoration: none;
transition: color 160ms ease;
}
.footer-col a:hover { color: var(--nibiru-star); }
.footer-bottom {
margin-top: 80px;
padding-top: 24px;
border-top: 1px solid var(--nibiru-line);
display: flex;
justify-content: space-between;
align-items: center;
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--nibiru-muted);
position: relative;
z-index: 2;
max-width: var(--nibiru-container, 1280px);
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
flex-wrap: wrap;
gap: 12px;
}
/* "AI by Neuronetz" badge — small, deliberately understated.
The mark is the same favicon-tier asset neuronetz.ai exposes; we mirror
it locally at /img/external/neuronetz-mark.svg so the page doesn't
hot-link off-domain on every paint. */
.powered-by {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px 4px 6px;
background: rgba(184, 107, 255, 0.06);
border: 1px solid var(--nibiru-line);
border-radius: 999px;
color: rgba(244, 238, 219, 0.78);
text-decoration: none;
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.10em;
text-transform: uppercase;
transition: border-color 200ms ease, color 200ms ease, background-color 200ms ease;
}
.powered-by:hover {
border-color: var(--nibiru-nebula-mag, #b86bff);
color: var(--nibiru-star);
background: rgba(184, 107, 255, 0.12);
}
.powered-by img {
border-radius: 50%;
background: #f4f2ed;
padding: 1px;
flex: none;
}
.powered-by-label { color: var(--nibiru-muted); }
.powered-by-name {
color: var(--nibiru-star);
font-weight: 500;
text-transform: none;
letter-spacing: -0.01em;
font-size: 11px;
font-family: var(--nibiru-font-display, 'Space Grotesk', sans-serif);
}
.powered-by-arrow {
font-size: 9px;
color: var(--nibiru-muted);
transition: transform 200ms ease, color 200ms ease;
}
.powered-by:hover .powered-by-arrow {
transform: translate(1px, -1px);
color: var(--nibiru-nebula-mag, #b86bff);
}
</style>
Reference in New Issue View Git Blame Copy Permalink