zyqunix/pages
1
0
Fork 0
mirror of https://github.com/zyqunix/tools.git synced 2025-07-06 14:30:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

translations

Browse source
This commit is contained in:
zyqunix 2025-05-12 23:26:18 +02:00
parent 021a3789a5
commit a9ea7c0a80
No known key found for this signature in database
GPG key ID: 134A8DEEA83B80E6
10 changed files with 229 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

61
assets/js/lang.js Normal file
View file

@ -0,0 +1,61 @@
setTimeout(() => {
let translations = {
en: null,
de: null,
fr: null,
sk: null,
cz: null
};
async function fetchLang(lang) {
if (translations[lang] !== null) {
return;
}
try {
const res = await fetch(`/assets/js/lang/${lang}.json`);
if (!res.ok) {
throw new Error(`Failed to fetch ${lang} translations`);
}
const texts = await res.json();
translations[lang] = texts;
applyTranslations(lang);
} catch (error) {
console.error(error);
}
}
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"
];
elements.forEach((selector) => {
const element = document.getElementById(selector);
if (element) {
const key = selector.replace('#', '');
element.textContent = translations[lang][key] || element.textContent;
} else {
console.warn(`Element with ID '${selector}' not found`);
}
});
}
async function switchLanguage(lang) {
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'));
}, 1000);