diff --git a/frontend/src/i18n/de.json b/frontend/src/i18n/de.json index 329afd45..077ca77c 100644 --- a/frontend/src/i18n/de.json +++ b/frontend/src/i18n/de.json @@ -7,6 +7,7 @@ "footer.nav_section_title": "Rechtliches", "nav.language_switcher": "Sprachwechsel", "home.title": "nexory-dev.de", + "home.subtext": "Open-Source-Projekte · Python, JavaScript, PHP und mehr", "footer.tagline": "Open-Source-Projekte · Python, JavaScript, PHP und mehr", "footer.nav_heading": "Navigation", "footer.links_heading": "Links" diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json index 18a7c8bc..6ea727e3 100644 --- a/frontend/src/i18n/en.json +++ b/frontend/src/i18n/en.json @@ -7,6 +7,7 @@ "footer.nav_section_title": "Legal", "nav.language_switcher": "Language Switcher", "home.title": "nexory-dev.de", + "home.subtext": "Open source projects · Python, JavaScript, PHP and more", "footer.tagline": "Open source projects · Python, JavaScript, PHP and more", "footer.nav_heading": "Navigation", "footer.links_heading": "Links" diff --git a/frontend/src/pages/Contact.jsx b/frontend/src/pages/Contact.jsx index 47c9f204..4d812275 100644 --- a/frontend/src/pages/Contact.jsx +++ b/frontend/src/pages/Contact.jsx @@ -19,7 +19,7 @@ export default function Contact() { target="_blank" rel="noopener noreferrer" > - github.com/NexoryOrg + github.com/NexoryDev {' '} in the meantime.

diff --git a/frontend/src/pages/GitHub.jsx b/frontend/src/pages/GitHub.jsx index bf7c8e46..4bddf49e 100644 --- a/frontend/src/pages/GitHub.jsx +++ b/frontend/src/pages/GitHub.jsx @@ -19,7 +19,7 @@ export default function GitHub() { target="_blank" rel="noopener noreferrer" > - github.com/NexoryOrg + github.com/NexoryDev {' '} in the meantime.

diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx index 4a2403f9..c7c1f584 100644 --- a/frontend/src/pages/Home.jsx +++ b/frontend/src/pages/Home.jsx @@ -1,7 +1,41 @@ import { useEffect, useRef } from 'react'; +import { useLanguage } from '../context/LanguageContext'; import '../styles/Home.css'; +const CODE_MAP = { + de: +`class nexory: + def __init__(self, org_name): + self.org = org_name + self.people = [] + + def join(self, neuer_nutzer): + self.people.append(neuer_nutzer) + print(f"Willkommen bei {self.org}, {neuer_nutzer}!") + +if __name__ == "__main__": + org = NexoryOrg("nexory-dev.de") + org.join("Dein Name") + org.run()`, + + en: +`class nexory: + def __init__(self, org_name): + self.org = org_name + self.people = [] + + def join(self, new_user): + self.people.append(new_user) + print(f"Welcome to {self.org}, {new_user}!") + +if __name__ == "__main__": + org = NexoryOrg("nexory-dev.de") + org.join("Your Name") + org.run()`, +}; + export default function Home() { + const { language, t } = useLanguage(); const canvasRef = useRef(null); const outputRef = useRef(null); @@ -19,6 +53,11 @@ export default function Home() { function resize() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; + particles = particles.map(p => ({ + ...p, + x: Math.random() * canvas.width, + y: Math.random() * canvas.height, + })) } resize(); window.addEventListener('resize', resize); @@ -82,20 +121,7 @@ export default function Home() { /* Typing Animation */ useEffect(() => { - const CODE = -`class nexory: - def __init__(self, org_name): - self.org = org_name - self.people = [] - - def join(self, new_user): - self.people.append(new_user) - print(f"Welcome to {self.org}, {new_user}!") - -if __name__ == "__main__": - org = NexoryOrg("nexory-dev.de") - org.join("Your Name") - org.run()`; + const CODE = CODE_MAP[language] ?? CODE_MAP['de']; const TYPE_SPEED = 58; const WAIT_MS = 20000; @@ -122,7 +148,7 @@ if __name__ == "__main__": startTyping(); return () => clearTimeout(timeoutId); - }, []); + }, [language]); return (
@@ -132,7 +158,7 @@ if __name__ == "__main__":

nexory-dev

-

Open source projects · Python, JavaScript, PHP and more

+

{t('home.subtext')}

diff --git a/frontend/src/styles/Navbar.css b/frontend/src/styles/Navbar.css index 9ed081c2..4972de76 100644 --- a/frontend/src/styles/Navbar.css +++ b/frontend/src/styles/Navbar.css @@ -130,12 +130,12 @@ } .navebar-toggle.active span:nth-child(1) { - transform: rotate(45deg) translate(5px, 5px); + transform: rotate(45deg) translate(7.5px, 7.5px); } .navebar-toggle.active span:nth-child(2) { opacity: 0; transform: scaleX(0); } .navebar-toggle.active span:nth-child(3) { opacity: 0; transform: scaleX(0); } .navebar-toggle.active span:nth-child(4) { - transform: rotate(-45deg) translate(5px, -5px); + transform: rotate(-45deg) translate(7.5px, -7.5px); } .navebar-menu {