From 60e49cf058c01da2773782433c3b63810cd7b2d7 Mon Sep 17 00:00:00 2001 From: Daniel Karbach Date: Wed, 21 May 2025 12:47:35 +0200 Subject: [PATCH] front page stuff --- resources/js/app/Footer.js | 31 +++++++++++++++-- resources/js/i18n/de.js | 19 ++++++++++- resources/js/i18n/en.js | 17 ++++++++++ resources/js/pages/Front.js | 66 +++++++++++++++++++++++++++++++------ resources/sass/front.scss | 26 +++++++++++++-- 5 files changed, 143 insertions(+), 16 deletions(-) diff --git a/resources/js/app/Footer.js b/resources/js/app/Footer.js index 91b0973..e3e58bd 100644 --- a/resources/js/app/Footer.js +++ b/resources/js/app/Footer.js @@ -18,7 +18,14 @@ const Footer = () => { - Deutsche ALttP Community - Seed der Woche + {t('footer.sdw')} + + + + + + + {t('footer.circus')} @@ -36,6 +43,24 @@ const Footer = () => { + + + {t('footer.alttprasyncs')} + + + + + {t('footer.smz3asyncs')} + + @@ -116,10 +141,10 @@ const Footer = () => { - {t('footer.connect')} + {t('footer.stepladder')} diff --git a/resources/js/i18n/de.js b/resources/js/i18n/de.js index 643714c..2ce6d9f 100644 --- a/resources/js/i18n/de.js +++ b/resources/js/i18n/de.js @@ -194,9 +194,23 @@ export default { start: 'Start', upcomingEpisodes: 'Anstehende Rennen', }, + front: { + circus: 'Mystery Zirkus', + eventlist: 'Liste der Veranstaltungen', + events: 'Veranstaltungen und Restreams', + map: 'ALttP Karte', + resources: 'Lernmaterial', + schedule: 'Race und Restream Terminplan', + sdw: 'Seed der Woche', + tech: 'Tricks und Tutorials', + title: 'Gemischter Link to the Past und Super Metroid Krams', + tournaments: 'Laufende Wettbewerbe', + }, footer: { alttpde: 'Deutscher ALttP Discord', + alttprasyncs: 'ALttPR Asyncs', alttpwiki: 'ALttP Speedrunning Wiki', + circus: 'Lost Woods Community - Mystery Zirkus', competitions: 'Wettbewerbe', connect: 'Connect Spedruns Discord', contact: 'Wenn du gerne ein Turnier auf dieser Seite organisieren möchtest, wende dich bitte an holysmoke86 im Discord.', @@ -208,8 +222,11 @@ export default { resources: 'Ressourcen', restreamCentral: 'Restream Central Discord', schedule: 'Terminplan', + sdw: 'Deutsche ALttP Community - Seed der Woche', smd: 'Deutscher Super Metroid Discord', smwiki: 'Super Metroid Speedrunning Wiki', + smz3asyncs: 'SMZ3 Asyncs', + stepladder: 'ALttPR Step Ladder', tech: 'ALttP Techniken', }, general: { @@ -397,7 +414,7 @@ export default { privacy: { heading: 'Datenschutz', p1: 'Wir benutzen Cookies und den Browserspeicher, um deine Anmeldung und die ausgewählte Sprache zu speichern, sowie XSRF zu verhinden.', - p2: 'Wenn du auf den Login Button klickst, wirst du auf eine Anmeldeseite von Discord weitergeleitet. Sofern du dich anmeldest, überträgt Discord und deinen Benutzernamen, Discriminator und ID.', + p2: 'Wenn du auf den Login Button klickst, wirst du auf eine Anmeldeseite von Discord weitergeleitet. Sofern du dich anmeldest, überträgt Discord uns deinen Benutzernamen, Discriminator und ID.', p3: 'Deine Eingaben bei Turnieren werden als Teil des Ergebnisses auf dieser Seite veröffenlicht und ggf. auf dem Discord-Server der entsprechenden Community geteilt.', }, protocol: { diff --git a/resources/js/i18n/en.js b/resources/js/i18n/en.js index 06ff191..d579008 100644 --- a/resources/js/i18n/en.js +++ b/resources/js/i18n/en.js @@ -194,9 +194,23 @@ export default { start: 'Start', upcomingEpisodes: 'Upcoming races', }, + front: { + circus: 'Mystery Circus', + eventlist: 'List of Events', + events: 'Events and Restreams', + map: 'ALttP Map', + resources: 'Learning Resources', + schedule: 'Schedule of Races and Restreams', + sdw: 'Seed of the Week', + tech: 'Tech and Tutorials', + title: 'Various Link to the Past and Super Metroid Stuff', + tournaments: 'Active Competitions', + }, footer: { alttpde: 'German ALttP Discord', + alttprasyncs: 'ALttPR Asyncs', alttpwiki: 'ALttP Speedrunning Wiki', + circus: 'Lost Woods Community - Mystery Circus', competitions: 'Competitions', connect: 'Connect Spedruns Discord', contact: 'If you would like to organize a Tournament on this site, please contact holysmoke86 on Discord.', @@ -208,8 +222,11 @@ export default { resources: 'Resources', restreamCentral: 'Restream Central Discord', schedule: 'Schedule', + sdw: 'German ALttP Community - Seed of the Week', smd: 'German Super Metroid Discord', smwiki: 'Super Metroid Speedrunning Wiki', + smz3asyncs: 'SMZ3 Asyncs', + stepladder: 'ALttPR Step Ladder', tech: 'ALttP Tech', }, general: { diff --git a/resources/js/pages/Front.js b/resources/js/pages/Front.js index 91ada1f..f0485ed 100644 --- a/resources/js/pages/Front.js +++ b/resources/js/pages/Front.js @@ -1,11 +1,13 @@ import React from 'react'; import { Button, Col, Container, Image, Row } from 'react-bootstrap'; -import { useNavigate } from 'react-router-dom'; +import { useTranslation } from 'react-i18next'; +import { Link, useNavigate } from 'react-router-dom'; import CanonicalLinks from '../components/common/CanonicalLinks'; const Front = () => { const navigate = useNavigate(); + const { t } = useTranslation(); React.useEffect(() => { const returnPath = localStorage.getItem('returnPath'); @@ -15,20 +17,64 @@ const Front = () => { } }, []); - return + return +

{t('front.title')}

+

{t('front.tournaments')}

- - + + + + + +
+ {t('front.circus')} +
+ + + +

{t('front.events')}

+ + + + +
+ {t('front.eventlist')} +
+ + + + + +
+ {t('front.schedule')} +
+ + + +

{t('front.resources')}

+ + + + +
+ {t('front.tech')} +
+ + + + + +
+ {t('front.map')} +
+ ; diff --git a/resources/sass/front.scss b/resources/sass/front.scss index fc96e5d..1005c72 100644 --- a/resources/sass/front.scss +++ b/resources/sass/front.scss @@ -1,13 +1,35 @@ +.front-page { + h1 { + margin-top: 2em; + margin-bottom: 2em; + } + h2 { + margin-top: 3em; + margin-bottom: 2em; + } +} .front-panel { display: block; + color: inherit; font-size: 200%; font-weight: bold; - margin: 3em 0; + text-align: center; + text-decoration: none; width: 100%; .image { border-radius: 2em; - width: 100%; + width: 75%; height: auto; } + .title { + } + + &:focus, &:hover, &:active { + text-decoration: underline; + .image { + border: medium solid $light; + box-shadow: 0 0 1em $light; + } + } } -- 2.39.5