aboutsummaryrefslogtreecommitdiff
path: root/website/src/components/Banner.astro
diff options
context:
space:
mode:
authorOgulcan Celik <ogulcancelik@gmail.com>2026-09-01 14:48:45 +0300
committerOgulcan Celik <ogulcancelik@gmail.com>2026-09-01 14:48:45 +0300
commit8a6d697308162874a236c84aac0b0f8c7ac01f83 (patch)
treeed7dc7e8c6f50d66bde721fae78576aede929f66 /website/src/components/Banner.astro
parentb54a78aa510b87d1e3b56c619b72eaeb59e4a2a1 (diff)
refactor: separate website presentation from runtime
Diffstat (limited to 'website/src/components/Banner.astro')
-rw-r--r--website/src/components/Banner.astro75
1 files changed, 0 insertions, 75 deletions
diff --git a/website/src/components/Banner.astro b/website/src/components/Banner.astro
deleted file mode 100644
index cc6567a6..00000000
--- a/website/src/components/Banner.astro
+++ /dev/null
@@ -1,75 +0,0 @@
----
-import versions from '../data/docs-versions.json';
-import { docsRoute, docsTargetHref } from '../docs-path';
-
-const { entry, locale, isFallback } = Astro.locals.starlightRoute;
-const { banner } = entry.data;
-
-const issuesUrl = 'https://github.com/herdrdev/herdr/issues/new?template=translation.yml';
-const translationNotices = {
- ja: `このページの翻訳は LLM によって生成されています。誤りに気づいた場合は <a href="${issuesUrl}">GitHub で issue を開いて</a>お知らせください。`,
- 'zh-cn': `本页面的翻译由 LLM 生成。如果你发现翻译有误,请<a href="${issuesUrl}">在 GitHub 上提交 issue</a> 告诉我们。`,
-};
-const translationNotice = locale && !isFallback ? translationNotices[locale] : undefined;
-const docs = docsRoute(Astro.url.pathname);
-const archivedVersion =
- docs.target !== 'stable' && docs.target !== 'preview' && docs.target !== versions.current
- ? docs.target
- : undefined;
-const latestHref = docsTargetHref(docs, 'stable', versions.scopes);
-const archivedNotices = {
- root: `This page documents Herdr ${archivedVersion}. <a href="${latestHref}">Switch to the latest release.</a>`,
- ja: `このページは Herdr ${archivedVersion} のドキュメントです。<a href="${latestHref}">最新版に切り替えてください。</a>`,
- 'zh-cn': `本页面是 Herdr ${archivedVersion} 的文档。<a href="${latestHref}">切换到最新版本。</a>`,
-};
-const archivedNotice = archivedVersion ? archivedNotices[locale ?? 'root'] : undefined;
----
-
-{banner && <div class="sl-banner" data-pagefind-ignore set:html={banner.content} />}
-{archivedNotice && (
- <div class="version-notice" data-pagefind-ignore set:html={archivedNotice} />
-)}
-{translationNotice && (
- <div class="translation-notice" data-pagefind-ignore set:html={translationNotice} />
-)}
-
-<style>
- @layer starlight.core {
- .sl-banner {
- --__sl-banner-text: var(--sl-color-banner-text, var(--sl-color-text-invert));
- padding: var(--sl-nav-pad-y) var(--sl-nav-pad-x);
- background-color: var(--sl-color-banner-bg, var(--sl-color-bg-accent));
- color: var(--__sl-banner-text);
- line-height: var(--sl-line-height-headings);
- text-align: center;
- text-wrap: balance;
- box-shadow: var(--sl-shadow-sm);
- }
- .sl-banner :global(a) {
- color: var(--__sl-banner-text);
- }
-
- .translation-notice,
- .version-notice {
- padding: 0.5rem var(--sl-nav-pad-x);
- background-color: var(--sl-color-bg-nav);
- border-bottom: 1px solid var(--sl-color-hairline);
- color: var(--sl-color-gray-2);
- font-size: var(--sl-text-xs);
- line-height: var(--sl-line-height-headings);
- text-align: center;
- text-wrap: balance;
- }
- .version-notice {
- background-color: var(--sl-color-orange-low);
- border-bottom-color: var(--sl-color-orange);
- color: var(--sl-color-orange-high);
- }
- .translation-notice :global(a) {
- color: var(--sl-color-text-accent);
- }
- .version-notice :global(a) {
- color: var(--sl-color-orange-high);
- }
- }
-</style>