Modify header links and update footer copyright year

public-ui · Jul 31, 2024 · 43a4100 · 43a4100
2 parents e531b73 + c1c5385
commit 43a4100
Show file tree

Hide file tree

Showing 7 changed files with 189 additions and 155 deletions.
diff --git a/i18n/de/code.json b/i18n/de/code.json
@@ -5,6 +5,9 @@
 	"custom.documentation-button": {
 		"message": "Dokumentation"
 	},
+	"custom.sample-app-button": {
+		"message": "Beispiel-App"
+	},
 	"custom.subtitle": {
 		"message": "Die barrierefreie Web Component Bibliothek"
 	},
@@ -342,4 +345,4 @@
 	"custom.components-short-description": {
 		"message": "Heute umfasst die Komponentenvielfalt mehr als 40 Komponenten mit einem hohen Funktionsumfang zur Umsetzung verschiedenster Fachanwendungen und Darstellung von webbasierten Inhalten."
 	}
-}
+}
diff --git a/i18n/de/docusaurus-theme-classic/footer.json b/i18n/de/docusaurus-theme-classic/footer.json
@@ -1,66 +1,65 @@
 {
-  "link.title.Inhalte": {
-    "message": "Inhalte",
-    "description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Inhalte in der Fußzeile"
-  },
-  "link.title.Community": {
-    "message": "Community",
-    "description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Community in der Fußzeile"
-  },
-  "link.title.Mehr": {
-    "message": "Mehr",
-    "description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Mehr in der Fußzeile"
-  },
-  "link.item.label.Dokumentation": {
-    "message": "Dokumentation",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Dokumentation, die auf /docs verweist"
-  },
-  "link.item.label.Blog": {
-    "message": "Blog",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Blog, die auf /blog verweist"
-  },
-  "link.item.label.Designer": {
-    "message": "Designer"
-  },
-  "link.item.label.Stack Overflow": {
-    "message": "Stack Overflow"
-  },
-  "link.item.label.Discord": {
-    "message": "Discord"
-  },
-  "link.item.label.Twitter": {
-    "message": "Twitter"
-  },
-  "link.item.label.GitHub": {
-    "message": "GitHub",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=GitHub, die auf https://github.com/public-ui verweist"
-  },
-  "link.item.label.ITZBund": {
-    "message": "ITZBund",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=ITZBund, die auf https://itzbund.de verweist"
-  },
-  "link.item.label.Portal Barrierefreiheit": {
-    "message": "Portal Barrierefreiheit",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Portal Barrierefreiheit, die auf https://www.barrierefreiheit-dienstekonsolidierung.bund.de/ verweist"
-  },
-  "copyright": {
-    "message": "© Informationstechnikzentrum Bund (ITZBund) 2020 - 2023",
-    "description": "Das Fußzeilen-Copyright"
-  },
-  "link.item.label.FAQ": {
-    "message": "FAQ",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=FAQ, die auf https://github.com/public-ui/kolibri/discussions verweist"
-  },
-  "link.item.label.Mastodon": {
-    "message": "Mastodon",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Mastodon, die auf https://social.bund.de/@kolibri verweist"
-  },
-  "link.item.label.Impressum": {
-    "message": "Impressum",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Impressum, die auf /docs/impressum verweist"
-  },
-  "link.item.label.Community of Practices": {
-    "message": "Community of Practices",
-    "description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Community of Practices, die auf https://github.com/public-ui/kolibri/discussions/516 verweist"
-  }
+	"link.title.Inhalte": {
+		"message": "Inhalte",
+		"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Inhalte in der Fußzeile"
+	},
+	"link.title.Community": {
+		"message": "Community",
+		"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Community in der Fußzeile"
+	},
+	"link.title.Mehr": {
+		"message": "Mehr",
+		"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Mehr in der Fußzeile"
+	},
+	"link.item.label.Dokumentation": {
+		"message": "Dokumentation",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Dokumentation, die auf /docs verweist"
+	},
+	"link.item.label.Blog": {
+		"message": "Blog",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Blog, die auf /blog verweist"
+	},
+	"link.item.label.Designer": {
+		"message": "Designer"
+	},
+	"link.item.label.Stack Overflow": {
+		"message": "Stack Overflow"
+	},
+	"link.item.label.Discord": {
+		"message": "Discord"
+	},
+	"link.item.label.Twitter": {
+		"message": "Twitter"
+	},
+	"link.item.label.GitHub": {
+		"message": "GitHub",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=GitHub, die auf https://github.com/public-ui verweist"
+	},
+	"link.item.label.ITZBund": {
+		"message": "ITZBund",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=ITZBund, die auf https://itzbund.de verweist"
+	},
+	"link.item.label.Portal Barrierefreiheit": {
+		"message": "Portal Barrierefreiheit",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Portal Barrierefreiheit, die auf https://www.barrierefreiheit-dienstekonsolidierung.bund.de/ verweist"
+	},
+	"copyright.description": {
+		"message": "Das Fußzeilen-Copyright"
+	},
+	"link.item.label.FAQ": {
+		"message": "FAQ",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=FAQ, die auf https://github.com/public-ui/kolibri/discussions verweist"
+	},
+	"link.item.label.Mastodon": {
+		"message": "Mastodon",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Mastodon, die auf https://social.bund.de/@kolibri verweist"
+	},
+	"link.item.label.Impressum": {
+		"message": "Impressum",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Impressum, die auf /docs/impressum verweist"
+	},
+	"link.item.label.Community of Practices": {
+		"message": "Community of Practices",
+		"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Community of Practices, die auf https://github.com/public-ui/kolibri/discussions/516 verweist"
+	}
 }
diff --git a/i18n/en/code.json b/i18n/en/code.json
@@ -5,6 +5,9 @@
 	"custom.documentation-button": {
 		"message": "Documentation"
 	},
+	"custom.sample-app-button": {
+		"message": "Sample-App"
+	},
 	"custom.subtitle": {
 		"message": "The accessible Web Component library"
 	},

diff --git a/i18n/en/docusaurus-theme-classic/footer.json b/i18n/en/docusaurus-theme-classic/footer.json
@@ -1,66 +1,65 @@
 {
-  "link.title.Inhalte": {
-    "message": "Content",
-    "description": "The title of the footer links column with title=Inhalte in the footer"
-  },
-  "link.title.Community": {
-    "message": "Community",
-    "description": "The title of the footer links column with title=Community in the footer"
-  },
-  "link.title.Mehr": {
-    "message": "More",
-    "description": "The title of the footer links column with title=Mehr in the footer"
-  },
-  "link.item.label.Dokumentation": {
-    "message": "Documentation",
-    "description": "The label of footer link with label=Dokumentation linking to /docs"
-  },
-  "link.item.label.Blog": {
-    "message": "Blog",
-    "description": "The label of footer link with label=Blog linking to /blog"
-  },
-  "link.item.label.Designer": {
-    "message": "Designer"
-  },
-  "link.item.label.Stack Overflow": {
-    "message": "Stack Overflow"
-  },
-  "link.item.label.Discord": {
-    "message": "Discord"
-  },
-  "link.item.label.Twitter": {
-    "message": "Twitter"
-  },
-  "link.item.label.GitHub": {
-    "message": "GitHub",
-    "description": "The label of footer link with label=GitHub linking to https://github.com/public-ui"
-  },
-  "link.item.label.ITZBund": {
-    "message": "ITZBund",
-    "description": "The label of footer link with label=ITZBund linking to https://itzbund.de"
-  },
-  "link.item.label.Portal Barrierefreiheit": {
-    "message": "Portal Barrierefreiheit",
-    "description": "The label of footer link with label=Portal Barrierefreiheit linking to https://www.barrierefreiheit-dienstekonsolidierung.bund.de/"
-  },
-  "copyright": {
-    "message": "© Informationstechnikzentrum Bund (ITZBund) 2020 - 2023",
-    "description": "The footer copyright"
-  },
-  "link.item.label.FAQ": {
-    "message": "FAQ",
-    "description": "The label of footer link with label=FAQ linking to https://github.com/public-ui/kolibri/discussions"
-  },
-  "link.item.label.Mastodon": {
-    "message": "Mastodon",
-    "description": "The label of footer link with label=Mastodon linking to https://social.bund.de/@kolibri"
-  },
-  "link.item.label.Impressum": {
-    "message": "Imprint",
-    "description": "The label of footer link with label=Impressum linking to /docs/impressum"
-  },
-  "link.item.label.Community of Practices": {
-    "message": "Community of Practices",
-    "description": "The label of footer link with label=Community of Practices linking to https://github.com/public-ui/kolibri/discussions/516"
-  }
+	"link.title.Inhalte": {
+		"message": "Content",
+		"description": "The title of the footer links column with title=Inhalte in the footer"
+	},
+	"link.title.Community": {
+		"message": "Community",
+		"description": "The title of the footer links column with title=Community in the footer"
+	},
+	"link.title.Mehr": {
+		"message": "More",
+		"description": "The title of the footer links column with title=Mehr in the footer"
+	},
+	"link.item.label.Dokumentation": {
+		"message": "Documentation",
+		"description": "The label of footer link with label=Dokumentation linking to /docs"
+	},
+	"link.item.label.Blog": {
+		"message": "Blog",
+		"description": "The label of footer link with label=Blog linking to /blog"
+	},
+	"link.item.label.Designer": {
+		"message": "Designer"
+	},
+	"link.item.label.Stack Overflow": {
+		"message": "Stack Overflow"
+	},
+	"link.item.label.Discord": {
+		"message": "Discord"
+	},
+	"link.item.label.Twitter": {
+		"message": "Twitter"
+	},
+	"link.item.label.GitHub": {
+		"message": "GitHub",
+		"description": "The label of footer link with label=GitHub linking to https://github.com/public-ui"
+	},
+	"link.item.label.ITZBund": {
+		"message": "ITZBund",
+		"description": "The label of footer link with label=ITZBund linking to https://itzbund.de"
+	},
+	"link.item.label.Portal Barrierefreiheit": {
+		"message": "Portal Barrierefreiheit",
+		"description": "The label of footer link with label=Portal Barrierefreiheit linking to https://www.barrierefreiheit-dienstekonsolidierung.bund.de/"
+	},
+	"copyright.description": {
+		"message": "The footer copyright"
+	},
+	"link.item.label.FAQ": {
+		"message": "FAQ",
+		"description": "The label of footer link with label=FAQ linking to https://github.com/public-ui/kolibri/discussions"
+	},
+	"link.item.label.Mastodon": {
+		"message": "Mastodon",
+		"description": "The label of footer link with label=Mastodon linking to https://social.bund.de/@kolibri"
+	},
+	"link.item.label.Impressum": {
+		"message": "Imprint",
+		"description": "The label of footer link with label=Impressum linking to /docs/impressum"
+	},
+	"link.item.label.Community of Practices": {
+		"message": "Community of Practices",
+		"description": "The label of footer link with label=Community of Practices linking to https://github.com/public-ui/kolibri/discussions/516"
+	}
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -7,6 +7,8 @@ import Layout from '@theme/Layout';
 import type { FunctionComponent } from 'react';
 import React from 'react';
 import { KoliBriAbbr } from '../components/KoliBriAbbr';
+import { useDocsPreferredVersion } from '@docusaurus/theme-common';
+import { determinateVersionId } from '../shares/version';
 
 const HomepageHeader: FunctionComponent = () => (
 	<header className="p-8 grid justify-center">
@@ -22,6 +24,40 @@ const HomepageHeader: FunctionComponent = () => (
 		</p>
 	</header>
 );
+const HomepageButtons: FunctionComponent = () => {
+	const docVersion = useDocsPreferredVersion();
+	const version = determinateVersionId(docVersion);
+
+	return (
+		<div className="grid sm:flex gap-4 justify-center mt-4">
+			<KolLinkButton
+				className="w-72"
+				_icons={{
+					right: 'codicon codicon-dashboard',
+				}}
+				_href="docs/get-started/first-steps"
+				_label={translate({
+					id: 'custom.get-started-button',
+				})}
+				_variant="primary"
+			></KolLinkButton>
+			<KolLinkButton
+				className="w-72"
+				_href="docs"
+				_label={translate({
+					id: 'custom.documentation-button',
+				})}
+			></KolLinkButton>
+			<KolLinkButton
+				className="w-72"
+				_href={`/${version}/sample-react/#/handout/basic`}
+				_label={translate({
+					id: 'custom.sample-app-button',
+				})}
+			></KolLinkButton>
+		</div>
+	);
+};
 
 export default function Homepage(): JSX.Element {
 	return (
@@ -41,27 +77,9 @@ export default function Homepage(): JSX.Element {
 			)}
 		>
 			<HomepageHeader />
+			<HomepageButtons />
+
 			<main>
-				<div className="grid sm:flex gap-4 justify-center mt-4">
-					<KolLinkButton
-						className="w-72"
-						_icons={{
-							right: 'codicon codicon-dashboard',
-						}}
-						_href="docs/get-started/first-steps"
-						_label={translate({
-							id: 'custom.get-started-button',
-						})}
-						_variant="primary"
-					></KolLinkButton>
-					<KolLinkButton
-						className="w-72"
-						_href="docs"
-						_label={translate({
-							id: 'custom.documentation-button',
-						})}
-					></KolLinkButton>
-				</div>
 				<div className="grid gap-2 md:w-6/12 m-auto mt-4 p-4">
 					<div className="flex gap-4 justify-center">
 						<KolLogo

diff --git a/src/shares/version.ts b/src/shares/version.ts
@@ -1,3 +1,8 @@
 import type VERSIONS from '../../versions.json';
 
 export type Version = (typeof VERSIONS)[number] & 'current';
+
+export function determinateVersionId(docVersion) {
+	if (!docVersion || !docVersion.preferredVersion) return null;
+	return parseFloat(docVersion?.preferredVersion?.name as Version) < 2 ? 'v1' : 'v2';
+}