Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import React from 'react'
import { DocsThemeConfig, useConfig } from 'nextra-theme-docs'
import Image from 'next/image'
import { useRouter } from 'next/router'
const config: DocsThemeConfig = {
head() {
// eslint-disable-next-line react-hooks/rules-of-hooks
const { asPath, defaultLocale, locale } = useRouter()
// eslint-disable-next-line react-hooks/rules-of-hooks
const { frontMatter, ...rest } = useConfig()
const url =
'http://localhost:3000' +
(defaultLocale === locale ? asPath : `/${locale}${asPath}`)
return (
<>
<meta property="og:url" content={url} />
<meta
property="og:title"
content={
(frontMatter.title ?? rest.title) +
' | Badge API Documentation' ||
'Badge API Documentation'
}
/>
<title>
{(frontMatter.title ?? rest.title) +
' | Badge API Documentation' ||
'Badge API Documentation'}
</title>
</>
)
},
banner: {
key: 'development',
content: '🚧 This Documentation is under active development.',
dismissible: false,
},
logo: (
<span className="flex items-center space-x-2">
<Image
src="/badge-api-icon.png"
alt="Badge API Icon"
width={220}
height={80}
className="h-12 w-auto"
/>
<span>
<span className="font-space-grotesk text-xl font-bold text-black">
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
Badge API Documentation
</span>
</span>
</span>
),
sidebar: {
defaultMenuCollapseLevel: 1,
},
project: {
link: 'https://gitlab.opencode.de/open-code/badgebackend/badge-api',
icon: (
<Image
src="/opencode-icon.svg"
alt="Open CoDE Icon"
width={32}
height={32}
/>
),
},
docsRepositoryBase:
'https://gitlab.opencode.de/open-code/badgebackend/badge-api-documentation',
backgroundColor: {
dark: '12,17,23',
light: '255,255,255',
},
color: {
hue: {
dark: 173,
light: 228,
},
saturation: {
dark: 100,
light: 100,
},
lightness: {
dark: 45,
light: 46,
},
},
darkMode: false,
nextThemes: {
defaultTheme: 'light',
forcedTheme: 'light',
},
footer: {
content: (
<div className="flex w-full flex-col items-center text-sm sm:items-start">
<div className="grid grid-cols-2 gap-4">
<a
className="text-blue-500 hover:text-blue-300"
title="Impressum"
href="#"
target="_blank"
rel="noopener noreferrer"
>
<span>Impressum</span>
</a>
<a
className="text-blue-500 hover:text-blue-300"
title="Datenschutz"
href="#"
target="_blank"
rel="noopener noreferrer"
>
<span>Datenschutz</span>
</a>
</div>
<p className="mt-4">
© {new Date().getFullYear()} Zentrum für Digitale
Souveränität der Öffentlichen Verwaltung (ZenDiS) GmbH
</p>
</div>
),
},
}
export default config