From ae86af6cb4135506089f73a4a1808553f8803821 Mon Sep 17 00:00:00 2001 From: zyqunix <117040076+zyqunix@users.noreply.github.com> Date: Tue, 13 May 2025 20:52:20 +0200 Subject: [PATCH] translations --- assets/css/style.css | 87 +++++++++++++++++++++++++++++++++++++++--- assets/js/lang.js | 64 ++++++++++++++++++++++--------- assets/js/lang.json | 16 ++++---- assets/js/lang/cz.json | 26 +++++++------ assets/js/lang/de.json | 17 ++++++--- assets/js/lang/en.json | 14 ++++--- assets/js/lang/fr.json | 26 +++++++------ assets/js/lang/sk.json | 30 ++++++++------- index.html | 32 ++++++++-------- 9 files changed, 219 insertions(+), 93 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 347694d..710d078 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -182,12 +182,12 @@ div[class="name-percent-container"] > img.image { border-radius: 5px; background: linear-gradient(to right, #005500 0%, #009900 50%, #005500 100%); background-size: 200% 100%; - animation: shimmer 3s infinite linear; + animation: shimmer 2s infinite ease-in; } .language-item:hover .percentage-bar .bar-after { background: linear-gradient(to right, #008800 0%, #00ff00 50%, #008800 100%); - animation: shimmer 3s infinite linear; + animation: shimmer 2s infinite ease-in; background-size: 200% 100%; } @@ -338,10 +338,6 @@ a[class^="software-item tooltip"]::after { margin: 10px; } -.software > .software-item:last-child { - grid-column: 1 / -1; -} - .skill-item:hover, .software-item:hover { background-color: #4d4d4d; @@ -468,6 +464,23 @@ a[class^="software-item tooltip"]::after { a > img { height: 25px; } + + .music-pop { + width: 90%; + padding: 15px; + } + + #song-cover { + width: 60px; + margin-right: 10px; + } + + .top button, + #song-url, + #refresh { + max-width: 28px; + max-height: 28px; + } } @media (max-width: 600px) { @@ -504,6 +517,38 @@ a[class^="software-item tooltip"]::after { a > img { height: 25px; } + + .music-pop { + width: 95%; + padding: 12px; + } + + .song { + flex-direction: column; + align-items: flex-start; + } + + .song > div:nth-of-type(2) { + width: 100%; + justify-content: flex-end; + margin-top: 8px; + } + + #song-cover { + width: 56px; + margin-right: 10px; + } + + .top { + flex-direction: column; + align-items: flex-start; + } + + .top button { + margin-top: 8px; + width: 28px; + height: 28px; + } } @media (max-width: 400px) { @@ -539,6 +584,36 @@ a[class^="software-item tooltip"]::after { .software-name { font-size: 10px; } + + .music-pop { + width: 95%; + padding: 10px; + } + + .song { + flex-direction: column; + align-items: flex-start; + } + + .song > div:nth-of-type(2) { + width: 100%; + justify-content: flex-end; + margin-top: 10px; + } + + #song-cover { + width: 50px; + margin-right: 8px; + } + + .top { + flex-direction: column; + align-items: flex-start; + } + + .top button { + margin-top: 10px; + } } div[class="stats cards"] { diff --git a/assets/js/lang.js b/assets/js/lang.js index ee3d40e..c9bd3df 100644 --- a/assets/js/lang.js +++ b/assets/js/lang.js @@ -25,25 +25,55 @@ setTimeout(() => { } } + + function applyTranslations(lang) { if (!translations[lang]) return; document.title = translations[lang].title; - const elements = [ - "hobbies", "status", "languages", "skills", "coding_stats", "stats_since", - "contact", "software", "tooltip_py", "tooltip_js", "tooltip_djs", "tooltip_c", - "tooltip_cpp", "tooltip_cs", "tooltip_java", "tooltip_kt", "tooltip_mn", "tooltip_en", - "tooltip_de", "tooltip_fr", "tooltip_sk", "tooltip_cz" - ]; + const map = { + hobbies: "hobbies", + status: "status", + languages: "languages_header", + skills: "skills_header", + coding_stats: "stats_header", + stats_since: "stats_since", + contact: "contact_header", + software_header: "software_header", + software_equicord_tooltip: "software_equicord_tooltip", + software_intellij_tooltip: "software_intellij_tooltip", + software_android_tooltip: "software_android_tooltip", + software_kitty_tooltip: "software_kitty_tooltip", + tooltip_py: "tooltip_py", + tooltip_js: "tooltip_js", + tooltip_djs: "tooltip_djs", + tooltip_c: "tooltip_c", + tooltip_cpp: "tooltip_cpp", + tooltip_cs: "tooltip_cs", + tooltip_java: "tooltip_java", + tooltip_kt: "tooltip_kt", + tooltip_mn: "tooltip_mn", + more: "more", + more_sm: "more_sm", + note: "note", + copyright: "copyright", + foss: "foss", + inspired: "inspired", + bw: "bw" + }; - elements.forEach((selector) => { - const element = document.getElementById(selector); - if (element) { - const key = selector.replace('#', ''); - element.textContent = translations[lang][key] || element.textContent; + Object.entries(map).forEach(([id, key]) => { + const el = document.getElementById(id); + if (!el) return; + + const text = translations[lang][key]; + if (!text) return; + + if (el.hasAttribute("data-tooltip")) { + el.setAttribute("data-tooltip", text); } else { - console.warn(`Element with ID '${selector}' not found`); + el.innerHTML = text; } }); } @@ -52,10 +82,10 @@ setTimeout(() => { await fetchLang(lang); } - document.querySelector("div#en.language-name.tooltip").addEventListener('click', () => switchLanguage('en')); - document.querySelector("div#de.language-name.tooltip").addEventListener('click', () => switchLanguage('de')); - document.querySelector("div#fr.language-name.tooltip").addEventListener('click', () => switchLanguage('fr')); - document.querySelector("div#sk.language-name.tooltip").addEventListener('click', () => switchLanguage('sk')); - document.querySelector("div#cz.language-name.tooltip").addEventListener('click', () => switchLanguage('cz')); + document.getElementById("en").addEventListener("click", () => location.reload()); + document.getElementById("de").addEventListener("click", () => switchLanguage("de")); + document.getElementById("fr").addEventListener("click", () => switchLanguage("fr")); + document.getElementById("sk").addEventListener("click", () => switchLanguage("sk")); + document.getElementById("cz").addEventListener("click", () => switchLanguage("cz")); }, 1000); diff --git a/assets/js/lang.json b/assets/js/lang.json index b2d7dff..fdf69c2 100644 --- a/assets/js/lang.json +++ b/assets/js/lang.json @@ -8,31 +8,31 @@ "id": "en" }, { - "name": "German", + "name": "Deutsch", "percentage": 100, "img": "https://search.im-in.space/image_proxy?url=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fen%2Fthumb%2Fb%2Fba%2FFlag_of_Germany.svg%2F640px-Flag_of_Germany.svg.png&h=3921b6290fe87e6919522a8e273efe494d70123859d147682c935a29e375aaae", - "tooltip": "Started learning in 2nd grade", + "tooltip": "In der 2. Klasse angefangen zu lernen", "id": "de" }, { - "name": "French", + "name": "Français", "percentage": 50, "img": "https://search.im-in.space/image_proxy?url=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2F1%2F1f%2FFlag_of_France_official.svg&h=d139dd7e87b1d627b8079636ea584d96d71161f57d41ce44c465ea4cb3fe23e9", - "tooltip": "Started learning in 7th grade", + "tooltip": "Commencé en 5ème", "id": "fr" }, { - "name": "Slovak", + "name": "Slovenčina", "percentage": 100, "img": "https://search.im-in.space/image_proxy?url=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2Fe%2Fe6%2FFlag_of_Slovakia.svg%2F800px-Flag_of_Slovakia.svg.png&h=aa2494acbea2f461750d3d2b5ecace7289323834862f071b082e511c6e11e71c", - "tooltip": "First language, born in Slovakia", + "tooltip": "Materný jazyk, narodený na Slovensku", "id": "sk" }, { - "name": "Czech", + "name": "Česky", "percentage": 90, "img": "https://search.im-in.space/image_proxy?url=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2Fc%2Fcb%2FFlag_of_the_Czech_Republic.svg%2F640px-Flag_of_the_Czech_Republic.svg.png&h=aaf894a4054a000fd36036b44cfeb3a81a3d65e0ec0688a81c299224a9bec60e", - "tooltip": "Free DLC when you're born in Slovakia, you understand Czech fluently", + "tooltip": "Free DLC pokud se narodíš na Slovensku, česky rozumíš plynule", "id": "cz" } ] diff --git a/assets/js/lang/cz.json b/assets/js/lang/cz.json index f70fdda..455b449 100644 --- a/assets/js/lang/cz.json +++ b/assets/js/lang/cz.json @@ -1,27 +1,31 @@ { - "title": "Portfolio zyqa", - "hobbies": "Programování, poslouchání hudby, reverzní inženýrství, hraní Counter-Strike", + "title": "zyqovo Portfolio", + "hobbies": "Programování, Poslech hudby, Reverzní inženýrství, Hraní Counter-Strike", "status": "Stav", "languages_header": "Jazyky", "skills_header": "Dovednosti", "stats_header": "Statistiky programování", "stats_since": "Od 5. ledna 2025", "contact_header": "Kontakt", - "software_header": "Software, který používám", - "software_equicord_tooltip": "Pomohl jsem vytvořit 2 pluginy", + "software_header": "Softvér", + "software_equicord_tooltip": "Přispěl jsem k vytvoření 2 pluginů", + "software_intellij_tooltip": "Použito na tvorbu mého Minecraft módu", + "software_android_tooltip": "Použito k tvorbě/upravám open-source aplikací", + "software_kitty_tooltip": "Hlavní terminál na Linuxu", "tooltip_py": "Druhý programovací jazyk, který jsem se naučil", "tooltip_html": "Nenávidím tě, CSS", "tooltip_js": "Zábavný jazyk s nejčistší syntaxí po C", "tooltip_djs": "Použito v mém selfbotovi", "tooltip_c": "Vytvořil jsem malé programy a malware", "tooltip_cpp": "Vytvořil jsem GDI malware pro Windows", - "tooltip_cs": "Vytvořil jsem hodně malwaru", + "tooltip_cs": "Vytvořil jsem hodně malware", "tooltip_java": "Vytvořil jsem Minecraft mod a Android aplikaci", "tooltip_kt": "Vytvořil jsem Android aplikace", - "tooltip_mn": "Profesionální mongolský házeč kamenů", - "tooltip_en": "Začal jsem se učit v 1. třídě", - "tooltip_de": "Začal jsem se učit ve 2. třídě", - "tooltip_fr": "Začal jsem se učit v 7. třídě", - "tooltip_sk": "Můj první jazyk, narozený na Slovensku", - "tooltip_cz": "DLC zdarma, když se narodíš na Slovensku, češtině rozumíš plynule" + "tooltip_mn": "Profesionální mongolský vrhač kamenů", + "more": "Více najdeš na stránce sitemap/sites", + "note": "Poznámka: Občas zapomenu přidat nové stránky. Zkontroluj GitHub, pokud si myslíš, že něco chybí", + "copyright": "© 2025 zyqunix - všechna práva vyhrazena", + "foss": "❤️ Tento web je open-source na GitHub", + "inspired": "✨ Inspirováno portfoliem vMohammada", + "bw": "❤️ Vytvořeno s láskou od zyqunixe v Německu" } diff --git a/assets/js/lang/de.json b/assets/js/lang/de.json index a4fe2b9..14aec65 100644 --- a/assets/js/lang/de.json +++ b/assets/js/lang/de.json @@ -4,11 +4,14 @@ "status": "Status", "languages_header": "Sprachen", "skills_header": "Fähigkeiten", - "stats_header": "Programmierungsstatistiken", + "stats_header": "Statistiken", "stats_since": "Seit 5. Januar 2025", "contact_header": "Kontakt", "software_header": "Software", "software_equicord_tooltip": "Bei der Herstellung von 2 Plugins beigetragen", + "software_intellij_tooltip": "Wurde verwendet um meine Minecraft Mod zu erstellen", + "software_android_tooltip": "Wurde verwendet um Open-Source Apps zu erstellen oder anzupassen", + "software_kitty_tooltip": "Hauptterminal auf Linux", "tooltip_py": "Die zweite Programmiersprache die ich je gelernt have", "tooltip_html": "Ich hasse dich, CSS", "tooltip_js": "Lustige Sprache mit der saubersten Syntax nach C", @@ -19,9 +22,11 @@ "tooltip_java": "Machte einen Minecraft Mod und eine Android App", "tooltip_kt": "Android Apps gemacht", "tooltip_mn": "Professioneller Mongolischer Steinewerfer", - "tooltip_en": "In der 1. Klasse angefangen zu lernen", - "tooltip_de": "In der 2. Klasse angefangen zu lernen", - "tooltip_fr": "In der 7. Klasse angefangen zu lernen", - "tooltip_sk": "Muttersprache - wurde in der Slowakei geboren", - "tooltip_cz": "Freie DLC wenn man in der Slowakei geboren ist, man versteht Tschechisch fließend" + "more": "Mehr findest du auf der sitemap/sites page", + "more_sm": "Sitemap/Sites Seite", + "note": "Hinweis: Manchmal vergesse ich neue Seiten hinzuzufügen. Überprüfe dann mein GitHub wenn du denkst, dass einige fehlen.", + "copyright": "© 2025 zyqunix - alle Rechte vorbehalten", + "foss": "❤️ Diese Website is open-source auf GitHub", + "inspired": "✨ Inspiriert von vMohammad's Portfolio", + "bw": "❤️ Mit Liebe von zyqunix in Deutschland" } diff --git a/assets/js/lang/en.json b/assets/js/lang/en.json index e4131e7..cd9b8e1 100644 --- a/assets/js/lang/en.json +++ b/assets/js/lang/en.json @@ -9,6 +9,9 @@ "contact_header": "Contact", "software_header": "Software I Use", "software_equicord_tooltip": "I have contributed in making 2 plugins", + "software_intellij_tooltip": "Used to make my Minecraft Mod", + "software_android_tooltip": "Used to make/customize open-source apps", + "software_kitty_tooltip": "Main Terminal on Linux", "tooltip_py": "The second programming language I've learned", "tooltip_html": "I hate you, CSS", "tooltip_js": "Fun language with the cleanest syntax after C", @@ -19,9 +22,10 @@ "tooltip_java": "Made a Minecraft mod and an Android app", "tooltip_kt": "Made Android apps", "tooltip_mn": "Professional Mongolian Stone Thrower", - "tooltip_en": "Started learning in 1st grade", - "tooltip_de": "Started learning in 2nd grade", - "tooltip_fr": "Started learning in 7th grade", - "tooltip_sk": "First language, born in Slovakia", - "tooltip_cz": "Free DLC when you're born in Slovakia, you understand Czech fluently" + "more": "More can be found on the sitemap/sites page", + "note": "Note: I do forget to add new sites there sometimes. So check the GitHub if you think there are some missing", + "copyright": "© 2025 zyqunix - all rights reserved", + "foss": "❤️ This website is open-source on GitHub", + "inspired": "✨ Inspired by vMohammad's Portfolio", + "bw": "❤️ Made with love by zyqunix in Germany" } diff --git a/assets/js/lang/fr.json b/assets/js/lang/fr.json index 7c2ef3b..534cc12 100644 --- a/assets/js/lang/fr.json +++ b/assets/js/lang/fr.json @@ -1,6 +1,6 @@ { "title": "Portfolio de zyq", - "hobbies": "Coder, écouter de la musique, faire de l'ingénierie inverse, jouer à Counter-Strike", + "hobbies": "Programmation, Écouter de la musique, Reverse Engineering, Jouer à Counter-Strike", "status": "Statut", "languages_header": "Langues", "skills_header": "Compétences", @@ -8,20 +8,24 @@ "stats_since": "Depuis le 5 janvier 2025", "contact_header": "Contact", "software_header": "Logiciels que j'utilise", - "software_equicord_tooltip": "J'ai contribué à créer 2 plugins", + "software_equicord_tooltip": "J'ai contribué à la création de 2 plugins", + "software_intellij_tooltip": "Utilisé pour créer mon mod Minecraft", + "software_android_tooltip": "Utilisé pour créer/personnaliser des applications open-source", + "software_kitty_tooltip": "Terminal principal sous Linux", "tooltip_py": "Le deuxième langage de programmation que j'ai appris", "tooltip_html": "Je te déteste, CSS", "tooltip_js": "Langage amusant avec la syntaxe la plus propre après C", "tooltip_djs": "Utilisé dans mon selfbot", - "tooltip_c": "Créé des petits logiciels et des malwares", + "tooltip_c": "Créé des petits logiciels et malwares", "tooltip_cpp": "Créé un malware GDI pour Windows", "tooltip_cs": "Créé beaucoup de malwares", - "tooltip_java": "Créé un mod Minecraft et une appli Android", - "tooltip_kt": "Créé des applis Android", - "tooltip_mn": "Lanceur de pierres mongol professionnel", - "tooltip_en": "Commencé à apprendre en CP", - "tooltip_de": "Commencé à apprendre en CE1", - "tooltip_fr": "Commencé à apprendre en 5e", - "tooltip_sk": "Langue maternelle, né en Slovaquie", - "tooltip_cz": "DLC gratuit quand on naît en Slovaquie, on comprend le tchèque couramment" + "tooltip_java": "Créé un mod Minecraft et une application Android", + "tooltip_kt": "Créé des applications Android", + "tooltip_mn": "Lanceur de pierre mongol professionnel", + "more": "Plus d'infos sur la page plan du site/sites", + "note": "Note : J'oublie parfois d’ajouter de nouveaux sites. Consultez le GitHub si vous pensez qu'il en manque", + "copyright": "© 2025 zyqunix - tous droits réservés", + "foss": "❤️ Ce site est open-source sur GitHub", + "inspired": "✨ Inspiré par le Portfolio de vMohammad", + "bw": "❤️ Fait avec amour par zyqunix en Allemagne" } diff --git a/assets/js/lang/sk.json b/assets/js/lang/sk.json index 7dc5910..be318a9 100644 --- a/assets/js/lang/sk.json +++ b/assets/js/lang/sk.json @@ -1,27 +1,31 @@ { - "title": "Portfólio zyqa", - "hobbies": "Programovanie, počúvanie hudby, reverzné inžinierstvo, hranie Counter-Strike", + "title": "zyqov Portfólio", + "hobbies": "Programovanie, Počúvanie hudby, Reverzné inžinierstvo, Hranie Counter-Strike", "status": "Stav", "languages_header": "Jazyky", "skills_header": "Zručnosti", "stats_header": "Štatistiky programovania", "stats_since": "Od 5. januára 2025", "contact_header": "Kontakt", - "software_header": "Softvér, ktorý používam", - "software_equicord_tooltip": "Pomohol som vytvoriť 2 pluginy", + "software_header": "Softvér", + "software_equicord_tooltip": "Prispel som k vytvoreniu 2 pluginov", + "software_intellij_tooltip": "Použité na vytvorenie môjho Minecraft módu", + "software_android_tooltip": "Použité na tvorbu/upravu open-source aplikácií", + "software_kitty_tooltip": "Hlavný terminál v Linuxe", "tooltip_py": "Druhý programovací jazyk, ktorý som sa naučil", "tooltip_html": "Nenávidím ťa, CSS", "tooltip_js": "Zábavný jazyk s najčistejšou syntaxou po C", "tooltip_djs": "Použité v mojom selfbote", - "tooltip_c": "Vytvoril som malé programy a malvér", - "tooltip_cpp": "Vytvoril som GDI malvér pre Windows", - "tooltip_cs": "Vytvoril som veľa malvéru", - "tooltip_java": "Vytvoril som Minecraft mod a Android aplikáciu", + "tooltip_c": "Vytvoril som malé softvéry a malwary", + "tooltip_cpp": "Vytvoril som GDI malware pre Windows", + "tooltip_cs": "Vytvoril som veľa malware", + "tooltip_java": "Vytvoril som Minecraft mód a Android aplikáciu", "tooltip_kt": "Vytvoril som Android aplikácie", "tooltip_mn": "Profesionálny mongolský hádzač kameňov", - "tooltip_en": "Začal som sa učiť v 1. ročníku", - "tooltip_de": "Začal som sa učiť v 2. ročníku", - "tooltip_fr": "Začal som sa učiť v 7. ročníku", - "tooltip_sk": "Môj prvý jazyk, narodený na Slovensku", - "tooltip_cz": "DLC zadarmo keď sa narodíš na Slovensku, češtine rozumieš plynulo" + "more": "Viac nájdete na stránke so zoznamom stránok", + "note": "Poznámka: Občas zabudnem pridať nové stránky. Skontroluj GitHub, ak máš pocit, že niečo chýba", + "copyright": "© 2025 zyqunix - všetky práva vyhradené", + "foss": "❤️ Tento web je open-source na GitHub", + "inspired": "✨ Inšpirované portfóliom vMohammada", + "bw": "❤️ Vyrobené s láskou od zyqunixa v Nemecku" } diff --git a/index.html b/index.html index 06b9193..4dfb863 100644 --- a/index.html +++ b/index.html @@ -11,11 +11,8 @@
Profile Picture -

zyqunix

+ src="https://cdn.discordapp.com/avatars/1201415921802170388/3ccc13a2825eb8c98b5371fa0706e450.webp?size=1024&width=640&height=640" alt="Profile Picture" id="profile-picture"/> +

zyqunix
@@ -41,8 +38,11 @@

Coding Stats

-

Since January 5th, 2025

+

Since January 5th, 2025

+ Total time coded since Jan 5 2025 +

Forgejo

+

GitHub

@@ -71,7 +71,7 @@ Neovim - + Equicord @@ -87,15 +87,15 @@ Floorp - + IntelliJ IDEA - + Android Studio - + Kitty @@ -103,8 +103,8 @@

Sitemap

-

More can be found on the sitemap/sites page

-

Note: I do forget to add new sites there sometimes. So check the GitHub if you think there are some missing

+

More can be found on the sitemap/sites page

+

Note: I do forget to add new sites there sometimes. So check the GitHub if you think there are some missing

@@ -127,10 +127,10 @@
-

© 2025 zyqunix - all rights reserved

-

❤️ This website is open-source on GitHub

-

✨ Inspired by vMohammad's Portfolio

-

❤️ Made with love by zyqunix in Germany

+ +

❤️ This website is open-source on GitHub

+

✨ Inspired by vMohammad's Portfolio

+

❤️ Made with love by zyqunix in Germany