From f5a6c4a4e42a61a39a93245952f76cad4bcab728 Mon Sep 17 00:00:00 2001
From: TheFrodoDE <Berger-Alexander99@outlook.de>
Date: Tue, 12 Sep 2023 21:03:11 +0200
Subject: [PATCH] v.1.4.3 DE_DE

Change language from EN to DE
---
 src/components/Archive/VodPreview.tsx         |  6 ++--
 src/components/Authentication/Login.tsx       | 14 +++++-----
 src/components/Authentication/Register.tsx    |  6 ++--
 src/components/Channel/NoVideosFound.tsx      |  2 +-
 src/components/Error/Unauthorized.tsx         |  8 +++---
 src/components/Landing/ContinueWatching.tsx   |  4 +--
 src/components/Landing/Hero.tsx               | 23 ++++-----------
 src/components/Landing/LoggedInHero.tsx       |  2 +-
 src/components/Landing/Recent.tsx             |  2 +-
 .../Playlist/DeletePlaylistModal.tsx          |  4 +--
 src/components/Playlist/EditPlaylistModal.tsx |  8 +++---
 src/components/Playlist/Header.tsx            |  6 ++--
 src/components/Playlist/Table.tsx             |  2 +-
 src/components/Queue/Header.tsx               |  8 +++---
 src/components/Queue/RestartTaskModal.tsx     |  2 +-
 src/components/Vod/Card.tsx                   |  6 ++--
 src/components/Vod/ExperimentalChatPlayer.tsx | 20 ++++++-------
 src/components/Vod/InfoModalContent.tsx       |  2 +-
 src/components/Vod/LoginRequred.tsx           |  2 +-
 src/components/Vod/Menu.tsx                   | 10 +++----
 src/components/Vod/MissingThumbnailImage.tsx  |  2 +-
 src/components/Vod/PlaylistModalContent.tsx   |  2 +-
 src/components/Vod/TitleBar.tsx               | 10 +++----
 src/components/layouts/Navbar.tsx             | 28 +++++++++----------
 src/hooks/useLogin.tsx                        |  2 +-
 src/hooks/useRegister.tsx                     |  6 ++--
 src/pages/channels/[channelName].tsx          |  4 +--
 src/pages/channels/index.tsx                  |  4 +--
 src/pages/index.tsx                           |  2 +-
 src/pages/login.tsx                           |  2 +-
 src/pages/playlists/[playlistId].tsx          |  6 ++--
 src/pages/playlists/index.tsx                 |  2 +-
 src/pages/queue/[queueId].tsx                 |  4 +--
 src/pages/queue/index.tsx                     |  2 +-
 src/pages/queue/logs/[queueId].tsx            |  4 +--
 src/pages/register.tsx                        |  2 +-
 src/pages/search/index.tsx                    |  2 +-
 src/pages/vods/[vodId].tsx                    |  4 +--
 38 files changed, 107 insertions(+), 118 deletions(-)

diff --git a/src/components/Archive/VodPreview.tsx b/src/components/Archive/VodPreview.tsx
index 7da74d8..939bb2b 100644
--- a/src/components/Archive/VodPreview.tsx
+++ b/src/components/Archive/VodPreview.tsx
@@ -14,15 +14,15 @@ export const VodPreview = ({ vod }: TwitchVODResponse) => {
         </Title>
         <div>
           <div>
-            <span>Created At: </span>
+            <span>Erstelldatum: </span>
             {vod.created_at}
           </div>
           <div>
-            <span>Duration: </span>
+            <span>Dauer: </span>
             {vod.duration}
           </div>
           <div>
-            <span>Views: </span>
+            <span>Aufrufe: </span>
             {vod.view_count}
           </div>
         </div>
diff --git a/src/components/Authentication/Login.tsx b/src/components/Authentication/Login.tsx
index b7a52af..7264dba 100644
--- a/src/components/Authentication/Login.tsx
+++ b/src/components/Authentication/Login.tsx
@@ -35,7 +35,7 @@ export function LoginForm(props: PaperProps) {
     validate: {
       password: (val) =>
         val.length <= 8
-          ? "Password should include at least 8 characters"
+          ? "Das Passwort sollte mindestens 8 Zeichen enthalten"
           : null,
     },
   });
@@ -55,7 +55,7 @@ export function LoginForm(props: PaperProps) {
   return (
     <Paper radius="md" p="xl" withBorder {...props}>
       <Text size="lg" weight={500}>
-        Welcome to Ganymede
+        Willkommen bei VodArchiv
       </Text>
 
       {publicRuntimeConfig.SHOW_SSO_LOGIN_BUTTON != "false" ? (
@@ -64,11 +64,11 @@ export function LoginForm(props: PaperProps) {
             <Link
               href={`${publicRuntimeConfig.API_URL}/api/v1/auth/oauth/login`}
             >
-              <SSOButton>Login with SSO</SSOButton>
+              <SSOButton>Anmeldung über SSO</SSOButton>
             </Link>
           </Group>
           <Divider
-            label="Or continue with username"
+            label="Oder weiter mit Benutzername"
             labelPosition="center"
             my="lg"
           />
@@ -82,7 +82,7 @@ export function LoginForm(props: PaperProps) {
           <TextInput
             required
             label="Username"
-            placeholder="Your username"
+            placeholder="Dein Benutzername"
             value={form.values.username}
             onChange={(event) =>
               form.setFieldValue("username", event.currentTarget.value)
@@ -93,14 +93,14 @@ export function LoginForm(props: PaperProps) {
           <PasswordInput
             required
             label="Password"
-            placeholder="Your password"
+            placeholder="Dein Passwort"
             value={form.values.password}
             onChange={(event) =>
               form.setFieldValue("password", event.currentTarget.value)
             }
             error={
               form.errors.password &&
-              "Password should include at least 8 characters"
+              "Das Passwort sollte mindestens 8 Zeichen enthalten"
             }
           />
         </Stack>
diff --git a/src/components/Authentication/Register.tsx b/src/components/Authentication/Register.tsx
index becbd9a..10ba073 100644
--- a/src/components/Authentication/Register.tsx
+++ b/src/components/Authentication/Register.tsx
@@ -33,7 +33,7 @@ export function RegisterForm(props: PaperProps) {
     validate: {
       password: (val) =>
         val.length <= 7
-          ? "Password should include at least 8 characters"
+          ? "Das Passwort sollte mindestens 8 Zeichen enthalten"
           : null,
     },
   });
@@ -87,7 +87,7 @@ export function RegisterForm(props: PaperProps) {
             }
             error={
               form.errors.password &&
-              "Password should include at least 8 characters"
+              "Das Passwort sollte mindestens 8 Zeichen enthalten"
             }
           />
         </Stack>
@@ -95,7 +95,7 @@ export function RegisterForm(props: PaperProps) {
         <Group position="apart" mt="xl">
           <Link href="/login">
             <Anchor component="button" type="button" color="dimmed" size="xs">
-              Have an account? Login
+              Du hast bereits einen Account? Dann logge dich ein
             </Anchor>
           </Link>
           <Button color="violet" type="submit" loading={loading}>
diff --git a/src/components/Channel/NoVideosFound.tsx b/src/components/Channel/NoVideosFound.tsx
index 69e8b1b..fec460d 100644
--- a/src/components/Channel/NoVideosFound.tsx
+++ b/src/components/Channel/NoVideosFound.tsx
@@ -5,7 +5,7 @@ const ChannelNoVideosFound = () => {
   return (
     <div>
       <Center>
-        No videos found
+        Keine videos gefunden
         <Image src="/images/Sadge.webp" ml={5} height={19} width={27} />
       </Center>
     </div>
diff --git a/src/components/Error/Unauthorized.tsx b/src/components/Error/Unauthorized.tsx
index c21e1a5..4a0fac2 100644
--- a/src/components/Error/Unauthorized.tsx
+++ b/src/components/Error/Unauthorized.tsx
@@ -54,20 +54,20 @@ export function Unauthorized() {
   return (
     <Container className={classes.root}>
       <div className={classes.label}>401</div>
-      <Title className={classes.title}>Unauthorized.</Title>
+      <Title className={classes.title}>Unberechtigt.</Title>
       <Text
         color="dimmed"
         size="lg"
         align="center"
         className={classes.description}
       >
-        Either you are not logged in or you do not have permission to view this
-        page.
+        Entweder bist du nicht eingeloggt oder hast Keine
+        Berechtigung zu dieser Seite
       </Text>
       <Group position="center">
         <Link href="/">
           <Button variant="subtle" size="md">
-            Take me back to home page
+          Zurück zur Startseite
           </Button>
         </Link>
       </Group>
diff --git a/src/components/Landing/ContinueWatching.tsx b/src/components/Landing/ContinueWatching.tsx
index d9ed8bc..1c67cbf 100644
--- a/src/components/Landing/ContinueWatching.tsx
+++ b/src/components/Landing/ContinueWatching.tsx
@@ -57,7 +57,7 @@ const LandingContinueWatching = () => {
       }),
   });
 
-  if (error) return <div>failed to load</div>;
+  if (error) return <div>fehler beim laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (
@@ -65,7 +65,7 @@ const LandingContinueWatching = () => {
       {data?.data?.length > 0 && (
         <div>
           <Center>
-            <Title className={classes.title}>Continue Watching</Title>
+            <Title className={classes.title}>Weiterschauen</Title>
           </Center>
           <Container size="2xl">
             <div className={classes.vodSection}>
diff --git a/src/components/Landing/Hero.tsx b/src/components/Landing/Hero.tsx
index 1a61925..282b1eb 100644
--- a/src/components/Landing/Hero.tsx
+++ b/src/components/Landing/Hero.tsx
@@ -98,30 +98,19 @@ export function LandingHero() {
         <div className={classes.inner}>
           <div className={classes.content}>
             <Title className={classes.title}>
-              Twitch{" "}
               <Text
                 component="span"
                 inherit
                 variant="gradient"
                 gradient={{ from: "orange", to: "purple" }}
               >
-                Live Stream{" "}
-              </Text>{" "}
-              and{" "}
-              <Text
-                component="span"
-                inherit
-                variant="gradient"
-                gradient={{ from: "purple", to: "orange" }}
-              >
-                VOD{" "}
-              </Text>{" "}
-              archiving platform
+                VodArchiv.net{" "}
+              </Text>
             </Title>
 
             <Text className={classes.description} mt={30}>
-              Seamlessly archive live streams and vods. Each archive includes a
-              chat replay and rendered chat.
+            Nahtlose Archivierung von Livestreams und Videoclips. 
+            Jedes Archiv enthält eine Chat-Wiederholung und einen gerenderten Chat.
             </Text>
 
             <div className={classes.landingButtons}>
@@ -133,7 +122,7 @@ export function LandingHero() {
                   className={classes.control}
                   mt={40}
                 >
-                  Channels
+                  Zu den Kanälen
                 </Button>
               </Link>
 
@@ -152,4 +141,4 @@ export function LandingHero() {
       </Container>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/src/components/Landing/LoggedInHero.tsx b/src/components/Landing/LoggedInHero.tsx
index a6ec110..d9bb673 100644
--- a/src/components/Landing/LoggedInHero.tsx
+++ b/src/components/Landing/LoggedInHero.tsx
@@ -37,7 +37,7 @@ export function LandingLoggedInHero() {
   return (
     <div className={classes.root}>
       <Center>
-        <Title className={classes.title}>Ganymede</Title>
+        <Title className={classes.title}>VodArchiv</Title>
       </Center>
     </div>
   );
diff --git a/src/components/Landing/Recent.tsx b/src/components/Landing/Recent.tsx
index 70ef111..53dab40 100644
--- a/src/components/Landing/Recent.tsx
+++ b/src/components/Landing/Recent.tsx
@@ -39,7 +39,7 @@ const LandingRecentlyArchived = () => {
       }),
   });
 
-  if (error) return <div>failed to load</div>;
+  if (error) return <div>fehler beim Laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (
diff --git a/src/components/Playlist/DeletePlaylistModal.tsx b/src/components/Playlist/DeletePlaylistModal.tsx
index 8c8eb02..3040e6b 100644
--- a/src/components/Playlist/DeletePlaylistModal.tsx
+++ b/src/components/Playlist/DeletePlaylistModal.tsx
@@ -35,7 +35,7 @@ const DeletePlaylistModal = ({ handleClose, playlist }) => {
 
   return (
     <div>
-      <div>Are you sure you want to delete this playlist?</div>
+      <div>Bist du sicher, dass du die Playlist löschen möchtest</div>
       <div>
         Playlist ID: <Code>{playlist.id}</Code>
       </div>
@@ -51,7 +51,7 @@ const DeletePlaylistModal = ({ handleClose, playlist }) => {
         color="red"
         loading={isSubmitting}
       >
-        Delete
+        Löschen
       </Button>
     </div>
   );
diff --git a/src/components/Playlist/EditPlaylistModal.tsx b/src/components/Playlist/EditPlaylistModal.tsx
index a624d01..70b16f3 100644
--- a/src/components/Playlist/EditPlaylistModal.tsx
+++ b/src/components/Playlist/EditPlaylistModal.tsx
@@ -26,8 +26,8 @@ const EditPlaylistModal = ({ handleClose, playlist }) => {
         setIsSubmitting(false);
         queryClient.invalidateQueries(["playlist", playlist.id]);
         showNotification({
-          title: "Playlist Edited",
-          message: "Playlist has been edited successfully",
+          title: "Playlist bearbeitet",
+          message: "Playlist wurde erfolgreich bearbeitet!",
         });
         handleClose();
       });
@@ -47,7 +47,7 @@ const EditPlaylistModal = ({ handleClose, playlist }) => {
         value={description}
         onChange={(e) => setDescription(e.target.value)}
         placeholder="Description"
-        label="Playlist Description"
+        label="Playlist Beschreibung"
       />
       <Button
         onClick={() => editPlaylist.mutate()}
@@ -58,7 +58,7 @@ const EditPlaylistModal = ({ handleClose, playlist }) => {
         color="violet"
         loading={isSubmitting}
       >
-        Save
+        Speichern
       </Button>
     </div>
   );
diff --git a/src/components/Playlist/Header.tsx b/src/components/Playlist/Header.tsx
index aca6be4..8295bfd 100644
--- a/src/components/Playlist/Header.tsx
+++ b/src/components/Playlist/Header.tsx
@@ -49,10 +49,10 @@ const PlaylistHeader = ({ playlist, handleOpen, handleDeleteOpen }: any) => {
             </Menu.Target>
 
             <Menu.Dropdown>
-              <Menu.Label>Settings</Menu.Label>
-              <Menu.Item onClick={() => handleOpen()}>Edit</Menu.Item>
+              <Menu.Label>Einstellungen</Menu.Label>
+              <Menu.Item onClick={() => handleOpen()}>Editieren</Menu.Item>
               <Menu.Item onClick={() => handleDeleteOpen()} color="red">
-                Delete
+                Löschen
               </Menu.Item>
             </Menu.Dropdown>
           </Menu>
diff --git a/src/components/Playlist/Table.tsx b/src/components/Playlist/Table.tsx
index ce0f978..240c1bf 100644
--- a/src/components/Playlist/Table.tsx
+++ b/src/components/Playlist/Table.tsx
@@ -26,7 +26,7 @@ const PlaylistTable = () => {
       ).then((res) => res?.data),
   });
 
-  if (error) return <div>Failed to load</div>;
+  if (error) return <div>fehler beim Laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (
diff --git a/src/components/Queue/Header.tsx b/src/components/Queue/Header.tsx
index b72e8ab..df74b73 100644
--- a/src/components/Queue/Header.tsx
+++ b/src/components/Queue/Header.tsx
@@ -84,7 +84,7 @@ const QueueHeader = ({ queue }: Object) => {
               </span>
               {" - "}
               <span
-                title="Ganymede ID"
+                title="VodArchiv ID"
                 className={classes.queueHeaderHoverText}
               >
                 {queue.edges.vod.id}
@@ -94,12 +94,12 @@ const QueueHeader = ({ queue }: Object) => {
               {queue.live_archive && (
                 <span className={classes.liveArchive}>Live Archive</span>
               )}
-              {queue.on_hold && <span className={classes.onHold}>On Hold</span>}
+              {queue.on_hold && <span className={classes.onHold}>In Warteposition</span>}
               <span
-                title="Streamed At"
+                title="Gestreamt am"
                 className={classes.queueHeaderHoverText}
               >
-                {dayjs(queue.edges.vod.streamed_at).format("YYYY/MM/DD")}
+                {dayjs(queue.edges.vod.streamed_at).format("DD.MM.YYYY")}
               </span>
             </div>
           </div>
diff --git a/src/components/Queue/RestartTaskModal.tsx b/src/components/Queue/RestartTaskModal.tsx
index 84544d0..d8cc817 100644
--- a/src/components/Queue/RestartTaskModal.tsx
+++ b/src/components/Queue/RestartTaskModal.tsx
@@ -38,7 +38,7 @@ const QueueRestartTaskModalContent = ({ queue, task }: any) => {
   return (
     <div>
       <div>
-        Restart task <Code>{task}</Code> for queue item <Code>{queue.id}</Code>?
+        Neustart der Aufgabe <Code>{task}</Code> für Warteschlangenposition <Code>{queue.id}</Code>?
       </div>
       <div>
         <Switch
diff --git a/src/components/Vod/Card.tsx b/src/components/Vod/Card.tsx
index 3b92592..fff21c7 100644
--- a/src/components/Vod/Card.tsx
+++ b/src/components/Vod/Card.tsx
@@ -166,7 +166,7 @@ const VideoCard = ({
         <Overlay color="#000" opacity={0.55}>
           <div className={classes.processingOverlay}>
             <Text fw={700} size="xl">
-              Processing
+              Verarbeitung
             </Text>
             <Loader color="violet" size="lg" />;
           </div>
@@ -186,7 +186,7 @@ const VideoCard = ({
               withPlaceholder
               placeholder={
                 <Text style={{ height: "5rem !important" }} align="center">
-                  This image could not be loaded
+                  Dieses Bild konnte nicht geladen werden
                 </Text>
               }
             />
@@ -249,7 +249,7 @@ const VideoCard = ({
           >
             <Badge color={theme.colorScheme === "dark" ? "gray" : "dark"}>
               <Text>
-                {dayjs(video.streamed_at).format("YYYY/MM/DD")}{" "}
+                {dayjs(video.streamed_at).format("DD.MM.YYYY")}{" "}
                 {user.settings.moreUIDetails && (
                   <span>{dayjs(video.streamed_at).format("LT")}</span>
                 )}
diff --git a/src/components/Vod/ExperimentalChatPlayer.tsx b/src/components/Vod/ExperimentalChatPlayer.tsx
index 2f34255..f01444c 100644
--- a/src/components/Vod/ExperimentalChatPlayer.tsx
+++ b/src/components/Vod/ExperimentalChatPlayer.tsx
@@ -65,7 +65,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
         const data = await axios.get(
           `${publicRuntimeConfig.API_URL}/api/v1/vod/${vod.id}/chat/emotes`
         );
-        console.log(`Loaded ${data.data.emotes.length} emotes`);
+        console.log(`Es wurden ${data.data.emotes.length} Emotes geladen`);
         data.data.emotes.forEach((emote: GanymedeEmote) => {
           if (emote.name == null || emote.name == "") {
             // If Twitch emote, see the emote ID as the key
@@ -80,7 +80,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
         });
         console.log("Emote map:", emoteMap);
       } catch (error) {
-        console.error("Error fetching emotes", error);
+        console.error("Fehler beim abrufen der Emotes", error);
       }
     };
 
@@ -119,7 +119,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
         console.log(`Loaded ${generalBadgeMap.size} general badges`);
         console.log(`Loaded ${subscriptionBadgeMap.size} subscription badges`);
       } catch (error) {
-        console.error("Error fetching badges", error);
+        console.error("Fehler beim laden der badges", error);
       }
     };
 
@@ -130,9 +130,9 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
         setReady(true);
         internalReady = true;
 
-        createCustomComment("Chat player ready.");
+        createCustomComment("Chat player ist bereit.");
         createCustomComment(
-          `Fetched ${generalBadgeMap.size.toLocaleString()} badges, ${subscriptionBadgeMap.size.toLocaleString()} subscription badges, and ${emoteMap.size.toLocaleString()} emotes.`
+          `Es wurden ${generalBadgeMap.size.toLocaleString()} badges, ${subscriptionBadgeMap.size.toLocaleString()} subscription badges, und ${emoteMap.size.toLocaleString()} emotes geladen.`
         );
       });
     });
@@ -259,7 +259,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
           recChat.push(...chatReq.data);
         }
       } catch (error) {
-        console.error("Error fetching chat", error);
+        console.error("Fehler beim laden vom Chat", error);
       }
     };
 
@@ -274,7 +274,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
           recChat.push(...chatReq.data);
         }
       } catch (error) {
-        console.error("Error fetching chat", error);
+        console.error("Fehler beim laden vom Chat", error);
       }
     };
 
@@ -301,7 +301,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
     const clearChat = () => {
       chat.current = [];
       recChat = [];
-      createCustomComment("Time skip detected. Chat cleared.");
+      createCustomComment("Es wurde ein Skip erkannt. Der Chat wurde geleert.");
     };
 
     const videoPlayerInterval = setInterval(() => {
@@ -369,7 +369,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
       _id: randomId(),
       content_offset_seconds: 0,
       commenter: {
-        display_name: "Ganymede",
+        display_name: "Olaf der Weidengeist",
       },
       message: {
         body: message,
@@ -394,7 +394,7 @@ const ExperimentalChatPlayer = ({ vod }: any) => {
             <Center>
               <Loader color="violet" size="xl" />
             </Center>
-            <Text mt={5}>Loading Chat</Text>
+            <Text mt={5}>Chat wird geladen...</Text>
           </div>
         </Center>
       )}
diff --git a/src/components/Vod/InfoModalContent.tsx b/src/components/Vod/InfoModalContent.tsx
index 31b013b..d016a6d 100644
--- a/src/components/Vod/InfoModalContent.tsx
+++ b/src/components/Vod/InfoModalContent.tsx
@@ -29,7 +29,7 @@ export const VodInfoModalContent = ({ vod }: any) => {
         <Text mt={15} size="lg" weight={500}>
           Video FFprobe
         </Text>
-        {error && <div>failed to load</div>}
+        {error && <div>Fehler beim Laden</div>}
         {isLoading && <Loader />}
         {data && <Code block>{JSON.stringify(data.data, null, 2)}</Code>}
       </div>
diff --git a/src/components/Vod/LoginRequred.tsx b/src/components/Vod/LoginRequred.tsx
index b11f880..3bbc039 100644
--- a/src/components/Vod/LoginRequred.tsx
+++ b/src/components/Vod/LoginRequred.tsx
@@ -64,7 +64,7 @@ const VodLoginRequired = (vod: Video) => {
           <IconLock size={64} className={classes.icon} />
         </Center>
         <div className={classes.text}>
-          You must be logged in to view this video
+          Du musst eingeloggt sein, um dieses Video anzuschauen
         </div>
       </div>
     </div>
diff --git a/src/components/Vod/Menu.tsx b/src/components/Vod/Menu.tsx
index c08b120..d10323d 100644
--- a/src/components/Vod/Menu.tsx
+++ b/src/components/Vod/Menu.tsx
@@ -212,27 +212,27 @@ export const VodMenu = ({ vod, style }: any) => {
             onClick={() => markAsWatched.mutate()}
             icon={<IconHourglassHigh size={14} />}
           >
-            Mark as Watched
+            Als gesehen markieren
           </Menu.Item>
           <Menu.Item
             onClick={() => markAsUnWatched.mutate()}
             icon={<IconHourglassEmpty size={14} />}
           >
-            Mark as Unwatched
+            Als unbeachtet markieren
           </Menu.Item>
           {isLocked.current ? (
             <Menu.Item
               onClick={() => lockVod.mutate(false)}
               icon={<IconLockOpen size={14} />}
             >
-              Unlock
+              Freischaltung
             </Menu.Item>
           ) : (
             <Menu.Item
               onClick={() => lockVod.mutate(true)}
               icon={<IconLock size={14} />}
             >
-              Lock
+              Sperren
             </Menu.Item>
           )}
           {useJsxAuth({
@@ -246,7 +246,7 @@ export const VodMenu = ({ vod, style }: any) => {
                 }}
                 icon={<IconTrashX size={14} />}
               >
-                Delete
+                Löschen
               </Menu.Item>
             )}
           <Menu.Item
diff --git a/src/components/Vod/MissingThumbnailImage.tsx b/src/components/Vod/MissingThumbnailImage.tsx
index cb28db0..aef10e3 100644
--- a/src/components/Vod/MissingThumbnailImage.tsx
+++ b/src/components/Vod/MissingThumbnailImage.tsx
@@ -5,7 +5,7 @@ export const MissingThumbnailImage = () => {
     <>
     <Image 
       src="/images/ganymede-thumbnail.png"
-      alt="Ganymede Thumbnail"
+      alt="VodArchiv Thumbnail"
       fit="contain"
     />
     </>
diff --git a/src/components/Vod/PlaylistModalContent.tsx b/src/components/Vod/PlaylistModalContent.tsx
index f902792..c79588a 100644
--- a/src/components/Vod/PlaylistModalContent.tsx
+++ b/src/components/Vod/PlaylistModalContent.tsx
@@ -121,7 +121,7 @@ export const VodPlaylistModalContent = ({ vod }: any) => {
         </Button>
       </Group>
       <Text size="lg" weight={500} pt={5}>
-        Current Playlists:
+        aktuelle Playlists:
       </Text>
       {dataVP &&
         dataVP.map((playlist: any) => (
diff --git a/src/components/Vod/TitleBar.tsx b/src/components/Vod/TitleBar.tsx
index 2e43787..d0bc639 100644
--- a/src/components/Vod/TitleBar.tsx
+++ b/src/components/Vod/TitleBar.tsx
@@ -78,7 +78,7 @@ export const VodTitleBar = ({ vod }: any) => {
             {vod.views ? (
               <Group mr={15}>
                 <Tooltip
-                  label={`${vod.views.toLocaleString()} views`}
+                  label={`${vod.views.toLocaleString()} Aufrufe`}
                   openDelay={250}
                 >
                   <div className={classes.titleBarBadge}>
@@ -89,7 +89,7 @@ export const VodTitleBar = ({ vod }: any) => {
               </Group>
             ) : (
               <Group mr={15}>
-                <Tooltip label={`0 views`} openDelay={250}>
+                <Tooltip label={`0 Aufrufe`} openDelay={250}>
                   <div className={classes.titleBarBadge}>
                     <Text mr={3}>0</Text>
                     <IconUsers size={20} />
@@ -99,19 +99,19 @@ export const VodTitleBar = ({ vod }: any) => {
             )}
             <Group mr={15}>
               <Tooltip
-                label={`Originally streamed at ${vod.streamed_at}`}
+                label={`Ursprünglich gestreamt: ${vod.streamed_at}`}
                 openDelay={250}
               >
                 <div className={classes.titleBarBadge}>
                   <Text mr={5}>
-                    {dayjs(vod.streamed_at).format("YYYY/MM/DD")}
+                    {dayjs(vod.streamed_at).format("DD.MM.YYYY")}
                   </Text>
                   <IconCalendarEvent size={20} />
                 </div>
               </Tooltip>
             </Group>
             <Group>
-              <Tooltip label={`Video Type`} openDelay={250}>
+              <Tooltip label={`Video Typ`} openDelay={250}>
                 <div className={classes.titleBarBadge}>
                   <Badge color="red" color="violet" size="lg">
                     {vod.type}
diff --git a/src/components/layouts/Navbar.tsx b/src/components/layouts/Navbar.tsx
index 8a405c9..c21df8b 100644
--- a/src/components/layouts/Navbar.tsx
+++ b/src/components/layouts/Navbar.tsx
@@ -134,7 +134,7 @@ const adminLinks = [
   {
     id: "channels",
     icon: IconUsers,
-    title: "Channels",
+    title: "Kanäle",
     description: "Manage and create channels",
     link: "/admin/channels",
   },
@@ -148,28 +148,28 @@ const adminLinks = [
   {
     id: "user",
     icon: IconUser,
-    title: "Users",
+    title: "Benutzer",
     description: "Manage users",
     link: "/admin/users",
   },
   {
     id: "queue",
     icon: IconListDetails,
-    title: "Queue",
+    title: "Warteschlange",
     description: "Manage queue items",
     link: "/admin/queue",
   },
   {
     id: "watched",
     icon: IconCalendarTime,
-    title: "Watched Channels",
+    title: "Überwachte Kanäle",
     description: "Manage watched channels",
     link: "/admin/watched",
   },
   {
     id: "settings",
     icon: IconSettings,
-    title: "Settings",
+    title: "Einstellungen",
     description: "Manage settings",
     link: "/admin/settings",
   },
@@ -183,7 +183,7 @@ const adminLinks = [
   {
     id: "tasks",
     icon: IconSubtask,
-    title: "Tasks",
+    title: "Aufgaben",
     description: "Start various tasks",
     link: "/admin/tasks",
   },
@@ -241,10 +241,10 @@ export function HeaderMenu() {
             className={classes.hiddenMobile}
           >
             <Link href="/" className={classes.link}>
-              Home
+              Startseite
             </Link>
             <Link href="/channels" className={classes.link}>
-              Channels
+              Kanäle
             </Link>
             <Link href="/playlists" className={classes.link}>
               Playlists
@@ -262,12 +262,12 @@ export function HeaderMenu() {
               roles: [ROLES.EDITOR, ROLES.ARCHIVER, ROLES.ADMIN],
             }) && (
               <Link href="/queue" className={classes.link}>
-                Queue
+                Warteschlange
               </Link>
             )}
             {useJsxAuth({ loggedIn: true, roles: [] }) && (
               <Link href="/profile" className={classes.link}>
-                Profile
+                Profil
               </Link>
             )}
             {useJsxAuth({
@@ -374,10 +374,10 @@ export function HeaderMenu() {
           />
 
           <Link href="/" className={classes.link}>
-            Home
+            Startseite
           </Link>
           <Link href="/channels" className={classes.link}>
-            Channels
+            Kanäle
           </Link>
           <Link href="/playlists" className={classes.link}>
             Playlists
@@ -395,12 +395,12 @@ export function HeaderMenu() {
             roles: [ROLES.EDITOR, ROLES.ARCHIVER, ROLES.ADMIN],
           }) && (
             <Link href="/queue" className={classes.link}>
-              Queue
+              Warteschlange
             </Link>
           )}
           {useJsxAuth({ loggedIn: true, roles: [] }) && (
             <Link href="/profile" className={classes.link}>
-              Profile
+              Profil
             </Link>
           )}
           {useJsxAuth({
diff --git a/src/hooks/useLogin.tsx b/src/hooks/useLogin.tsx
index d896e73..fb52882 100644
--- a/src/hooks/useLogin.tsx
+++ b/src/hooks/useLogin.tsx
@@ -35,7 +35,7 @@ export const useLogin = () => {
       setError(error);
       showNotification({
         autoClose: 5000,
-        title: "Login Failed",
+        title: "Anmeldung fehlgeschlagen!",
         message: error.response.data.message,
         styles: (theme) => ({
           root: {
diff --git a/src/hooks/useRegister.tsx b/src/hooks/useRegister.tsx
index f2a25bd..34e06f4 100644
--- a/src/hooks/useRegister.tsx
+++ b/src/hooks/useRegister.tsx
@@ -21,15 +21,15 @@ export const useRegister = () => {
       setIsLoading(false);
 
       showNotification({
-        title: "Registration Successful",
-        message: "You can now login",
+        title: "Erfolgreich Registriert",
+        message: "Du kannst dich absofort einloggen.",
       });
     } catch (error) {
       setIsLoading(false);
       setError(error);
       showNotification({
         autoClose: 5000,
-        title: "Registration Failed",
+        title: "Registrierung gescheitert",
         message: error.response.data.message,
         styles: (theme) => ({
           root: {
diff --git a/src/pages/channels/[channelName].tsx b/src/pages/channels/[channelName].tsx
index 62ef9fa..8ca9f8a 100644
--- a/src/pages/channels/[channelName].tsx
+++ b/src/pages/channels/[channelName].tsx
@@ -66,7 +66,7 @@ const ChannelPage = (props: any) => {
     { value: "clip", label: "Clip" },
   ];
 
-  useDocumentTitle(`${props.channel.display_name} - Ganymede`);
+  useDocumentTitle(`${props.channel.display_name} - VodArchiv`);
 
   const queryClient = useQueryClient();
 
@@ -96,7 +96,7 @@ const ChannelPage = (props: any) => {
     setPage(1);
   };
 
-  if (error) return <div>failed to load</div>;
+  if (error) return <div>Fehler beim Laden.</div>;
 
   return (
     <div>
diff --git a/src/pages/channels/index.tsx b/src/pages/channels/index.tsx
index 7225c8b..579d53e 100644
--- a/src/pages/channels/index.tsx
+++ b/src/pages/channels/index.tsx
@@ -10,7 +10,7 @@ import { useDocumentTitle } from "@mantine/hooks";
 const ChannelsPage = () => {
   const queryClient = useQueryClient();
 
-  useDocumentTitle("Channels - Ganymede");
+  useDocumentTitle("Kanäle - VodArchiv");
 
   // React Query
   const { isLoading, error, data } = useQuery({
@@ -21,7 +21,7 @@ const ChannelsPage = () => {
       ),
   });
 
-  if (error) return <div>failed to load</div>;
+  if (error) return <div>Fehler beim laden.</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a73a5cb..6978c0e 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -39,7 +39,7 @@ const useStyles = createStyles((theme) => ({
 export default function Home() {
   const { classes } = useStyles();
 
-  useDocumentTitle("Ganymede");
+  useDocumentTitle("VodArchiv");
 
   const user = useUserStore((state) => state);
 
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 35eadea..c846565 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -3,7 +3,7 @@ import { Container } from "@mantine/core";
 import { useDocumentTitle } from "@mantine/hooks";
 
 const LoginPage = () => {
-  useDocumentTitle("Ganymede - Login");
+  useDocumentTitle("VodArchiv - Login");
   return (
     <div>
       <Container mt={50} size="xs">
diff --git a/src/pages/playlists/[playlistId].tsx b/src/pages/playlists/[playlistId].tsx
index a25d16d..767d96a 100644
--- a/src/pages/playlists/[playlistId].tsx
+++ b/src/pages/playlists/[playlistId].tsx
@@ -16,7 +16,7 @@ const PlaylistPage = (props: any) => {
   const [deletePlaylistModalOpened, setDeletePlaylistModalOpened] =
     useState(false);
 
-  useDocumentTitle(`Ganymede - Playlist ${props.playlistId}`);
+  useDocumentTitle(`VodArchiv - Playlist ${props.playlistId}`);
 
   const { isLoading, error, data } = useQuery({
     queryKey: ["playlist", props.playlistId],
@@ -57,13 +57,13 @@ const PlaylistPage = (props: any) => {
     setDeletePlaylistModalOpened(true);
   };
 
-  if (error) return <div>failed to load</div>;
+  if (error) return <div>Fehler beim Laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (
     <div>
       <Head>
-        <title>{data.name} - Ganymede Playlist</title>
+        <title>{data.name} - VodArchiv Playlist</title>
       </Head>
       <PlaylistHeader
         playlist={data}
diff --git a/src/pages/playlists/index.tsx b/src/pages/playlists/index.tsx
index 5f9d0ae..e46e05d 100644
--- a/src/pages/playlists/index.tsx
+++ b/src/pages/playlists/index.tsx
@@ -24,7 +24,7 @@ const PlaylistsPage = () => {
   const { classes, cx, theme } = useStyles();
   const [opened, setOpened] = useState(false);
 
-  useDocumentTitle("Playlists - Ganymede");
+  useDocumentTitle("Playlists - VodArchiv");
 
   const closeModalCallback = () => {
     setOpened(false);
diff --git a/src/pages/queue/[queueId].tsx b/src/pages/queue/[queueId].tsx
index 40dada2..81178b4 100644
--- a/src/pages/queue/[queueId].tsx
+++ b/src/pages/queue/[queueId].tsx
@@ -29,7 +29,7 @@ const QueueItemPage = (props: any) => {
 
   const [intervalMs, setIntervalMs] = useState(1000);
 
-  useDocumentTitle(`Queue ${props.queueId} - Ganymede`);
+  useDocumentTitle(`Queue ${props.queueId} - VodArchiv`);
 
   const { error, isLoading, data } = useQuery(
     ["queue-item", props.queueId],
@@ -49,7 +49,7 @@ const QueueItemPage = (props: any) => {
     }
   );
 
-  if (error) return <div>Failed to load</div>;
+  if (error) return <div>Fehler beim Laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (
diff --git a/src/pages/queue/index.tsx b/src/pages/queue/index.tsx
index e0b86a9..012a11b 100644
--- a/src/pages/queue/index.tsx
+++ b/src/pages/queue/index.tsx
@@ -5,7 +5,7 @@ import { Authorization, ROLES } from "../../components/ProtectedRoute";
 import QueueTable from "../../components/Queue/Table";
 
 const QueuePage = () => {
-  useDocumentTitle("Queue - Ganymede");
+  useDocumentTitle("Warteschlange - VodArchiv");
   return (
     <Authorization allowedRoles={[ROLES.ARCHIVER, ROLES.EDITOR, ROLES.ADMIN]}>
       <Container mt={10} size="2xl">
diff --git a/src/pages/queue/logs/[queueId].tsx b/src/pages/queue/logs/[queueId].tsx
index 998698f..88a57c9 100644
--- a/src/pages/queue/logs/[queueId].tsx
+++ b/src/pages/queue/logs/[queueId].tsx
@@ -23,7 +23,7 @@ const QueueLogsPage = (props: any) => {
   const [intervalMs, setIntervalMs] = useState(1000);
   const logEndRef = useRef(null);
 
-  useDocumentTitle("Ganymede - Logs");
+  useDocumentTitle("VodArchiv - Logs");
 
   const { error, isLoading, data } = useQuery(
     ["queue-item", props.queueId],
@@ -52,7 +52,7 @@ const QueueLogsPage = (props: any) => {
     return () => clearInterval(logScrollInterval);
   });
 
-  if (error) return <div>Failed to load</div>;
+  if (error) return <div>Fehler beim Laden</div>;
   if (isLoading) return <GanymedeLoader />;
 
   return (
diff --git a/src/pages/register.tsx b/src/pages/register.tsx
index 7556618..66b9e1a 100644
--- a/src/pages/register.tsx
+++ b/src/pages/register.tsx
@@ -4,7 +4,7 @@ import { RegisterForm } from "../components/Authentication/Register";
 import { useDocumentTitle } from "@mantine/hooks";
 
 const RegisterPage = () => {
-  useDocumentTitle("Ganymede - Register");
+  useDocumentTitle("VodArchiv - Register");
   return (
     <div>
       <Container mt={50} size="xs">
diff --git a/src/pages/search/index.tsx b/src/pages/search/index.tsx
index 4649e18..2f111c8 100644
--- a/src/pages/search/index.tsx
+++ b/src/pages/search/index.tsx
@@ -29,7 +29,7 @@ const SearchPage = (props: SearchPageProps) => {
   const [limit, setLimit] = useState(24);
   const handlers = useRef<NumberInputHandlers>();
 
-  useDocumentTitle("Ganymede - Search");
+  useDocumentTitle("VodArchiv - Suche");
 
   useEffect(() => {
     if (props.q && props.q.length > 0) {
diff --git a/src/pages/vods/[vodId].tsx b/src/pages/vods/[vodId].tsx
index 74c1bf5..b0eac4b 100644
--- a/src/pages/vods/[vodId].tsx
+++ b/src/pages/vods/[vodId].tsx
@@ -55,7 +55,7 @@ const VodPage = (props: any) => {
   const { ref, toggle, fullscreen } = useFullscreen();
   const isSmallDevice = useRef(false);
 
-  useDocumentTitle(`Ganymede - VOD ${props.vodId}`);
+  useDocumentTitle(`VodArchiv - VOD ${props.vodId}`);
 
   const { data } = useQuery({
     queryKey: ["vod", props.vodId],
@@ -107,7 +107,7 @@ const VodPage = (props: any) => {
   return (
     <div>
       <Head>
-        <title>{data.title} - Ganymede</title>
+        <title>{data.title} - VodArchiv</title>
       </Head>
       {checkLoginRequired() && <VodLoginRequired {...data} />}
       {!checkLoginRequired() && (