Skip to content

Commit 43a4100

Browse files
sdvgsdvg
authored
Modify header links and update footer copyright year
2 parents e531b73 + c1c5385 commit 43a4100

File tree

7 files changed

+189
-155
lines changed

7 files changed

+189
-155
lines changed

‎i18n/de/code.json

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,9 @@
55
"custom.documentation-button": {
66
"message": "Dokumentation"
77
},
8+
"custom.sample-app-button": {
9+
"message": "Beispiel-App"
10+
},
811
"custom.subtitle": {
912
"message": "Die barrierefreie Web Component Bibliothek"
1013
},
@@ -342,4 +345,4 @@
342345
"custom.components-short-description": {
343346
"message": "Heute umfasst die Komponentenvielfalt mehr als 40 Komponenten mit einem hohen Funktionsumfang zur Umsetzung verschiedenster Fachanwendungen und Darstellung von webbasierten Inhalten."
344347
}
345-
}
348+
}

‎i18n/de/docusaurus-theme-classic/footer.json

Lines changed: 63 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,65 @@
11
{
2-
"link.title.Inhalte": {
3-
"message": "Inhalte",
4-
"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Inhalte in der Fußzeile"
5-
},
6-
"link.title.Community": {
7-
"message": "Community",
8-
"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Community in der Fußzeile"
9-
},
10-
"link.title.Mehr": {
11-
"message": "Mehr",
12-
"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Mehr in der Fußzeile"
13-
},
14-
"link.item.label.Dokumentation": {
15-
"message": "Dokumentation",
16-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Dokumentation, die auf /docs verweist"
17-
},
18-
"link.item.label.Blog": {
19-
"message": "Blog",
20-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Blog, die auf /blog verweist"
21-
},
22-
"link.item.label.Designer": {
23-
"message": "Designer"
24-
},
25-
"link.item.label.Stack Overflow": {
26-
"message": "Stack Overflow"
27-
},
28-
"link.item.label.Discord": {
29-
"message": "Discord"
30-
},
31-
"link.item.label.Twitter": {
32-
"message": "Twitter"
33-
},
34-
"link.item.label.GitHub": {
35-
"message": "GitHub",
36-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=GitHub, die auf https://github.com/public-ui verweist"
37-
},
38-
"link.item.label.ITZBund": {
39-
"message": "ITZBund",
40-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=ITZBund, die auf https://itzbund.de verweist"
41-
},
42-
"link.item.label.Portal Barrierefreiheit": {
43-
"message": "Portal Barrierefreiheit",
44-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Portal Barrierefreiheit, die auf https://www.barrierefreiheit-dienstekonsolidierung.bund.de/ verweist"
45-
},
46-
"copyright": {
47-
"message": "© Informationstechnikzentrum Bund (ITZBund) 2020 - 2023",
48-
"description": "Das Fußzeilen-Copyright"
49-
},
50-
"link.item.label.FAQ": {
51-
"message": "FAQ",
52-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=FAQ, die auf https://github.com/public-ui/kolibri/discussions verweist"
53-
},
54-
"link.item.label.Mastodon": {
55-
"message": "Mastodon",
56-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Mastodon, die auf https://social.bund.de/@kolibri verweist"
57-
},
58-
"link.item.label.Impressum": {
59-
"message": "Impressum",
60-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Impressum, die auf /docs/impressum verweist"
61-
},
62-
"link.item.label.Community of Practices": {
63-
"message": "Community of Practices",
64-
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Community of Practices, die auf https://github.com/public-ui/kolibri/discussions/516 verweist"
65-
}
2+
"link.title.Inhalte": {
3+
"message": "Inhalte",
4+
"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Inhalte in der Fußzeile"
5+
},
6+
"link.title.Community": {
7+
"message": "Community",
8+
"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Community in der Fußzeile"
9+
},
10+
"link.title.Mehr": {
11+
"message": "Mehr",
12+
"description": "Der Titel der Fußzeilen-Linkspalte mit dem Titel=Mehr in der Fußzeile"
13+
},
14+
"link.item.label.Dokumentation": {
15+
"message": "Dokumentation",
16+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Dokumentation, die auf /docs verweist"
17+
},
18+
"link.item.label.Blog": {
19+
"message": "Blog",
20+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Blog, die auf /blog verweist"
21+
},
22+
"link.item.label.Designer": {
23+
"message": "Designer"
24+
},
25+
"link.item.label.Stack Overflow": {
26+
"message": "Stack Overflow"
27+
},
28+
"link.item.label.Discord": {
29+
"message": "Discord"
30+
},
31+
"link.item.label.Twitter": {
32+
"message": "Twitter"
33+
},
34+
"link.item.label.GitHub": {
35+
"message": "GitHub",
36+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=GitHub, die auf https://github.com/public-ui verweist"
37+
},
38+
"link.item.label.ITZBund": {
39+
"message": "ITZBund",
40+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=ITZBund, die auf https://itzbund.de verweist"
41+
},
42+
"link.item.label.Portal Barrierefreiheit": {
43+
"message": "Portal Barrierefreiheit",
44+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Portal Barrierefreiheit, die auf https://www.barrierefreiheit-dienstekonsolidierung.bund.de/ verweist"
45+
},
46+
"copyright.description": {
47+
"message": "Das Fußzeilen-Copyright"
48+
},
49+
"link.item.label.FAQ": {
50+
"message": "FAQ",
51+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=FAQ, die auf https://github.com/public-ui/kolibri/discussions verweist"
52+
},
53+
"link.item.label.Mastodon": {
54+
"message": "Mastodon",
55+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Mastodon, die auf https://social.bund.de/@kolibri verweist"
56+
},
57+
"link.item.label.Impressum": {
58+
"message": "Impressum",
59+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Impressum, die auf /docs/impressum verweist"
60+
},
61+
"link.item.label.Community of Practices": {
62+
"message": "Community of Practices",
63+
"description": "Die Bezeichnung des Fußzeilen-Links mit der Bezeichnung=Community of Practices, die auf https://github.com/public-ui/kolibri/discussions/516 verweist"
64+
}
6665
}

‎i18n/en/code.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,9 @@
55
"custom.documentation-button": {
66
"message": "Documentation"
77
},
8+
"custom.sample-app-button": {
9+
"message": "Sample-App"
10+
},
811
"custom.subtitle": {
912
"message": "The accessible Web Component library"
1013
},

‎i18n/en/docusaurus-theme-classic/footer.json

Lines changed: 63 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,65 @@
11
{
2-
"link.title.Inhalte": {
3-
"message": "Content",
4-
"description": "The title of the footer links column with title=Inhalte in the footer"
5-
},
6-
"link.title.Community": {
7-
"message": "Community",
8-
"description": "The title of the footer links column with title=Community in the footer"
9-
},
10-
"link.title.Mehr": {
11-
"message": "More",
12-
"description": "The title of the footer links column with title=Mehr in the footer"
13-
},
14-
"link.item.label.Dokumentation": {
15-
"message": "Documentation",
16-
"description": "The label of footer link with label=Dokumentation linking to /docs"
17-
},
18-
"link.item.label.Blog": {
19-
"message": "Blog",
20-
"description": "The label of footer link with label=Blog linking to /blog"
21-
},
22-
"link.item.label.Designer": {
23-
"message": "Designer"
24-
},
25-
"link.item.label.Stack Overflow": {
26-
"message": "Stack Overflow"
27-
},
28-
"link.item.label.Discord": {
29-
"message": "Discord"
30-
},
31-
"link.item.label.Twitter": {
32-
"message": "Twitter"
33-
},
34-
"link.item.label.GitHub": {
35-
"message": "GitHub",
36-
"description": "The label of footer link with label=GitHub linking to https://github.com/public-ui"
37-
},
38-
"link.item.label.ITZBund": {
39-
"message": "ITZBund",
40-
"description": "The label of footer link with label=ITZBund linking to https://itzbund.de"
41-
},
42-
"link.item.label.Portal Barrierefreiheit": {
43-
"message": "Portal Barrierefreiheit",
44-
"description": "The label of footer link with label=Portal Barrierefreiheit linking to https://www.barrierefreiheit-dienstekonsolidierung.bund.de/"
45-
},
46-
"copyright": {
47-
"message": "© Informationstechnikzentrum Bund (ITZBund) 2020 - 2023",
48-
"description": "The footer copyright"
49-
},
50-
"link.item.label.FAQ": {
51-
"message": "FAQ",
52-
"description": "The label of footer link with label=FAQ linking to https://github.com/public-ui/kolibri/discussions"
53-
},
54-
"link.item.label.Mastodon": {
55-
"message": "Mastodon",
56-
"description": "The label of footer link with label=Mastodon linking to https://social.bund.de/@kolibri"
57-
},
58-
"link.item.label.Impressum": {
59-
"message": "Imprint",
60-
"description": "The label of footer link with label=Impressum linking to /docs/impressum"
61-
},
62-
"link.item.label.Community of Practices": {
63-
"message": "Community of Practices",
64-
"description": "The label of footer link with label=Community of Practices linking to https://github.com/public-ui/kolibri/discussions/516"
65-
}
2+
"link.title.Inhalte": {
3+
"message": "Content",
4+
"description": "The title of the footer links column with title=Inhalte in the footer"
5+
},
6+
"link.title.Community": {
7+
"message": "Community",
8+
"description": "The title of the footer links column with title=Community in the footer"
9+
},
10+
"link.title.Mehr": {
11+
"message": "More",
12+
"description": "The title of the footer links column with title=Mehr in the footer"
13+
},
14+
"link.item.label.Dokumentation": {
15+
"message": "Documentation",
16+
"description": "The label of footer link with label=Dokumentation linking to /docs"
17+
},
18+
"link.item.label.Blog": {
19+
"message": "Blog",
20+
"description": "The label of footer link with label=Blog linking to /blog"
21+
},
22+
"link.item.label.Designer": {
23+
"message": "Designer"
24+
},
25+
"link.item.label.Stack Overflow": {
26+
"message": "Stack Overflow"
27+
},
28+
"link.item.label.Discord": {
29+
"message": "Discord"
30+
},
31+
"link.item.label.Twitter": {
32+
"message": "Twitter"
33+
},
34+
"link.item.label.GitHub": {
35+
"message": "GitHub",
36+
"description": "The label of footer link with label=GitHub linking to https://github.com/public-ui"
37+
},
38+
"link.item.label.ITZBund": {
39+
"message": "ITZBund",
40+
"description": "The label of footer link with label=ITZBund linking to https://itzbund.de"
41+
},
42+
"link.item.label.Portal Barrierefreiheit": {
43+
"message": "Portal Barrierefreiheit",
44+
"description": "The label of footer link with label=Portal Barrierefreiheit linking to https://www.barrierefreiheit-dienstekonsolidierung.bund.de/"
45+
},
46+
"copyright.description": {
47+
"message": "The footer copyright"
48+
},
49+
"link.item.label.FAQ": {
50+
"message": "FAQ",
51+
"description": "The label of footer link with label=FAQ linking to https://github.com/public-ui/kolibri/discussions"
52+
},
53+
"link.item.label.Mastodon": {
54+
"message": "Mastodon",
55+
"description": "The label of footer link with label=Mastodon linking to https://social.bund.de/@kolibri"
56+
},
57+
"link.item.label.Impressum": {
58+
"message": "Imprint",
59+
"description": "The label of footer link with label=Impressum linking to /docs/impressum"
60+
},
61+
"link.item.label.Community of Practices": {
62+
"message": "Community of Practices",
63+
"description": "The label of footer link with label=Community of Practices linking to https://github.com/public-ui/kolibri/discussions/516"
64+
}
6665
}

‎src/pages/index.tsx

Lines changed: 38 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@ import Layout from '@theme/Layout';
77
import type { FunctionComponent } from 'react';
88
import React from 'react';
99
import { KoliBriAbbr } from '../components/KoliBriAbbr';
10+
import { useDocsPreferredVersion } from '@docusaurus/theme-common';
11+
import { determinateVersionId } from '../shares/version';
1012

1113
const HomepageHeader: FunctionComponent = () => (
1214
<header className="p-8 grid justify-center">
@@ -22,6 +24,40 @@ const HomepageHeader: FunctionComponent = () => (
2224
</p>
2325
</header>
2426
);
27+
const HomepageButtons: FunctionComponent = () => {
28+
const docVersion = useDocsPreferredVersion();
29+
const version = determinateVersionId(docVersion);
30+
31+
return (
32+
<div className="grid sm:flex gap-4 justify-center mt-4">
33+
<KolLinkButton
34+
className="w-72"
35+
_icons={{
36+
right: 'codicon codicon-dashboard',
37+
}}
38+
_href="docs/get-started/first-steps"
39+
_label={translate({
40+
id: 'custom.get-started-button',
41+
})}
42+
_variant="primary"
43+
></KolLinkButton>
44+
<KolLinkButton
45+
className="w-72"
46+
_href="docs"
47+
_label={translate({
48+
id: 'custom.documentation-button',
49+
})}
50+
></KolLinkButton>
51+
<KolLinkButton
52+
className="w-72"
53+
_href={`/${version}/sample-react/#/handout/basic`}
54+
_label={translate({
55+
id: 'custom.sample-app-button',
56+
})}
57+
></KolLinkButton>
58+
</div>
59+
);
60+
};
2561

2662
export default function Homepage(): JSX.Element {
2763
return (
@@ -41,27 +77,9 @@ export default function Homepage(): JSX.Element {
4177
)}
4278
>
4379
<HomepageHeader />
80+
<HomepageButtons />
81+
4482
<main>
45-
<div className="grid sm:flex gap-4 justify-center mt-4">
46-
<KolLinkButton
47-
className="w-72"
48-
_icons={{
49-
right: 'codicon codicon-dashboard',
50-
}}
51-
_href="docs/get-started/first-steps"
52-
_label={translate({
53-
id: 'custom.get-started-button',
54-
})}
55-
_variant="primary"
56-
></KolLinkButton>
57-
<KolLinkButton
58-
className="w-72"
59-
_href="docs"
60-
_label={translate({
61-
id: 'custom.documentation-button',
62-
})}
63-
></KolLinkButton>
64-
</div>
6583
<div className="grid gap-2 md:w-6/12 m-auto mt-4 p-4">
6684
<div className="flex gap-4 justify-center">
6785
<KolLogo

‎src/shares/version.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
11
import type VERSIONS from '../../versions.json';
22

33
export type Version = (typeof VERSIONS)[number] & 'current';
4+
5+
export function determinateVersionId(docVersion) {
6+
if (!docVersion || !docVersion.preferredVersion) return null;
7+
return parseFloat(docVersion?.preferredVersion?.name as Version) < 2 ? 'v1' : 'v2';
8+
}

0 commit comments

Comments
 (0)