Skip to content
Snippets Groups Projects
Verified Commit a0f05c71 authored by Sebastian Kawelke's avatar Sebastian Kawelke :upside_down:
Browse files

Translates hero 


Signed-off-by: default avatarSebastian Kawelke <sebastian.kawelke@l3montree.com>
parent 4d17635f
No related branches found
No related tags found
1 merge request!1Translation to de
Hide whitespace changes
Inline Side-by-side
src/components/landing-page/Hero.tsx
+ 16
− 22
View file @ a0f05c71
......@@ -3,7 +3,16 @@
import Image from 'next/image'
export default function Hero() {
interface Props {
titleH1: string
greetingChildren: React.ReactNode
toDocs: string
toDocsHref: string
toDemo: string
toDemoHref: string
}
export default function Hero(props: Props) {
return (
<div className="bg-white">
<main>
......@@ -58,36 +67,21 @@ export default function Hero() {
<div className="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
<div className="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl">
<h1 className="text-pretty text-5xl font-semibold tracking-tight text-zinc-900 sm:text-7xl">
Badge Programm - Vertrauen in Open
Source Software stärken
{props.titleH1}
</h1>
<p className="mt-8 text-pretty text-lg font-medium text-zinc-600 sm:max-w-md sm:text-xl/8 lg:max-w-none">
Das Badge Programm prüft openCode
Repositories und vergibt Badges, die im{' '}
<a
target="_blank"
rel="noreferrer noopener"
href="https://opencode.de/en/software"
className="text-blue-500 underline"
>
openCode Softwarekatalog
</a>{' '}
angezeigt werden und den Status der
Repositories in Bezug auf Sicherheit,
Wartung und Wiederverwendung anzeigen.
</p>
{props.greetingChildren}
<div className="mt-10 flex items-center gap-x-6">
<a
href="/introduction"
href={props.toDocsHref}
className="rounded-md bg-blue-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
>
Zur Dokumentation
{props.toDocs}
</a>
<a
href="#api-small-demo"
href={props.toDemoHref}
className="text-sm/6 font-semibold text-zinc-900"
>
API Live Demo{' '}
{props.toDemo}{' '}
<span aria-hidden="true">→</span>
</a>
</div>
......
src/pages/de/index.mdx
+ 25
− 2
View file @ a0f05c71
......@@ -11,9 +11,32 @@ import ApiSmallDemo from '../../components/landing-page/ApiSmallDemo'
export default function Home() {
return (
<div className="overflow-hidden">
<Hero />
<Hero
titleH1="Badge Programm - Vertrauen in Open Source Software stärken"
greetingChildren={
<p className="mt-8 text-pretty text-lg font-medium text-zinc-600 sm:max-w-md sm:text-xl/8 lg:max-w-none">
Das Badge Programm prüft openCode Repositories und
vergibt Badges, die im{' '}
<a
target="_blank"
rel="noreferrer noopener"
href="https://opencode.de/en/software"
className="text-blue-500 underline"
>
openCode Softwarekatalog
</a>{' '}
angezeigt werden und den Status der Repositories in
Bezug auf Sicherheit, Wartung und Wiederverwendung
anzeigen.
</p>
}
toDocs="Zur Dokumentation"
toDocsHref="/de/introduction"
toDemo="API Live Demo"
toDemoHref="/de#api-small-demo"
/>
<main>
<ApiSmallDemo />
<ApiSmallDemo />
</main>
</div>
)
......
src/pages/en/index.mdx
+ 25
− 2
View file @ a0f05c71
......@@ -5,15 +5,38 @@ title: Home
{/* Copyright 2025 Zentrum für Digitale Souveränität der Öffentlichen Verwaltung (ZenDiS) GmbH.
SPDX-License-Identifier: MIT */}
import Hero from '../../components/landing-page/Hero'
import ApiSmallDemo from '../../components/landing-page/ApiSmallDemo'
export default function Home() {
return (
<div className="overflow-hidden">
<Hero />
<Hero
titleH1="Badge Program - Building Trust in Open Source Software"
greetingChildren={
<p className="mt-8 text-pretty text-lg font-medium text-zinc-600 sm:max-w-md sm:text-xl/8 lg:max-w-none">
The badge program checks open-code repositories and
awards badges that are displayed in the{' '}
<a
target="_blank"
rel="noreferrer noopener"
href="https://opencode.de/en/software"
className="text-blue-500 underline"
>
open-code software catalogue
</a>{' '}
and indicate the status of the repositories in terms of
security, maintenance and reuse.
</p>
}
toDocs="To Documentation"
toDocsHref="/en/introduction"
toDemo="API Live Demo"
toDemoHref="/en#api-small-demo"
/>
<main>
<ApiSmallDemo />
<ApiSmallDemo />
</main>
</div>
)
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Consent

On this website, we use the web analytics service Matomo to analyze and review the use of our website. Through the collected statistics, we can improve our offerings and make them more appealing for you. Here, you can decide whether to allow us to process your data and set corresponding cookies for these purposes, in addition to technically necessary cookies. Further information on data protection—especially regarding "cookies" and "Matomo"—can be found in our privacy policy. You can withdraw your consent at any time.