zyqunix/pages
1
0
Fork 0
mirror of https://github.com/zyqunix/tools.git synced 2025-07-06 06:20:30 +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

4
assets/css/style.css
View file

@ -573,6 +573,10 @@ div[class="cards sitemap shadow"] > h4 {
scale: 1.04;
}
.banan:active {
scale: 0.98;
}
.music-pop {
text-align: left;
position: fixed;

8
assets/js/index.js
View file

@ -66,7 +66,12 @@ function lan() {
}
if (gameActivity) {
activityNameElem.innerHTML = `<strong>Playing</strong> ${gameActivity.name}: ${gameActivity.details}, ${gameActivity.state}`;
const parts = [];
if (gameActivity.name) parts.push(`<strong>Playing</strong> ${gameActivity.name}`);
if (gameActivity.details) parts.push(gameActivity.details);
if (gameActivity.state) parts.push(gameActivity.state);
activityNameElem.innerHTML = parts.join(': ');
if (gameActivity.assets && gameActivity.assets.large_image) {
const imgId = gameActivity.assets.large_image;
@ -137,6 +142,7 @@ function generateSkillCards(skillData) {
skillData.skills.forEach(skill => {
const skillItem = document.createElement('a');
skillItem.classList.add('skill-item', 'tooltip');
skillItem.id = skill.id;
skillItem.href = skill.url;
skillItem.target = '_blank';

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);

27
assets/js/lang/cz.json Normal file
View file

@ -0,0 +1,27 @@
{
"title": "Portfolio zyqa",
"hobbies": "Programování, poslouchání 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",
"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_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"
}

27
assets/js/lang/de.json Normal file
View file

@ -0,0 +1,27 @@
{
"title": "zyq's Portfolio",
"hobbies": "Programmieren, Musikhören, Reverse Engineering, Counter-Strike Spielen",
"status": "Status",
"languages_header": "Sprachen",
"skills_header": "Fähigkeiten",
"stats_header": "Programmierungsstatistiken",
"stats_since": "Seit 5. Januar 2025",
"contact_header": "Kontakt",
"software_header": "Software",
"software_equicord_tooltip": "Bei der Herstellung von 2 Plugins beigetragen",
"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",
"tooltip_djs": "In meinem Selfbot verwendet",
"tooltip_c": "Kleine Software und Malware",
"tooltip_cpp": "GDI-Malware für Windows gemacht",
"tooltip_cs": "Sehr viel Malware gemacht",
"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"
}

27
assets/js/lang/en.json Normal file
View file

@ -0,0 +1,27 @@
{
"title": "zyq's Portfolio",
"hobbies": "Coding, Listening to Music, Reverse Engineering, Playing Counter-Strike",
"status": "Status",
"languages_header": "Languages",
"skills_header": "Skills",
"stats_header": "Coding Stats",
"stats_since": "Since January 5th, 2025",
"contact_header": "Contact",
"software_header": "Software I Use",
"software_equicord_tooltip": "I have contributed in making 2 plugins",
"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",
"tooltip_djs": "Used in my selfbot",
"tooltip_c": "Made little software and malware",
"tooltip_cpp": "Made GDI Malware for Windows",
"tooltip_cs": "Made a lot of malware",
"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"
}

27
assets/js/lang/fr.json Normal file
View file

@ -0,0 +1,27 @@
{
"title": "Portfolio de zyq",
"hobbies": "Coder, écouter de la musique, faire de l'ingénierie inverse, jouer à Counter-Strike",
"status": "Statut",
"languages_header": "Langues",
"skills_header": "Compétences",
"stats_header": "Statistiques de codage",
"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",
"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_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"
}

27
assets/js/lang/sk.json Normal file
View file

@ -0,0 +1,27 @@
{
"title": "Portfólio zyqa",
"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",
"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_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"
}

12
assets/js/skills.json
View file

@ -4,60 +4,70 @@
"name": "Python",
"url": "https://www.python.org",
"tooltip": "The second programming language I've learned",
"id": "tooltip_py",
"img": "https://search.im-in.space/image_proxy?url=https%3A%2F%2F1.bp.blogspot.com%2F-wAuQ3GCX8r4%2FWgIvLOr23tI%2FAAAAAAAACdA%2Fppii2ACqTR8VqkYW-MeYJqXr1myTdR01ACLcBGAs%2Fs1600%2Flogo-python-programacion.png&h=59be89f2146eb4db14955882451f2a4631f92e88832a7e7627804d7968a63755"
},
{
"name": "JavaScript",
"url": "https://www.javascript.com/",
"tooltip": "Fun language the cleanest syntax after C",
"tooltip": "Fun language with the cleanest syntax after C",
"id": "tooltip_js",
"img": "https://search.im-in.space/image_proxy?url=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2F6%2F6a%2FJavaScript-logo.png%2F640px-JavaScript-logo.png&h=bc8b69a465219df76ce937bf1c6e32deda0d982f1fa0bf41d13f51b58ccef960"
},
{
"name": "HTML/CSS",
"url": "https://www.w3schools.com/html/default.asp",
"tooltip": "I hate you, CSS",
"id": "tooltip_html",
"img": "https://search.im-in.space/image_proxy?url=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2F6%2F61%2FHTML5_logo_and_wordmark.svg%2F640px-HTML5_logo_and_wordmark.svg.png&h=60a773175af1c2795e1afb8ba22e19e3089744ca988c667999c756319c6c09e3"
},
{
"name": "Discord.JS",
"url": "https://discord.js.org/",
"tooltip": "Used in my selfbot",
"id": "tooltip_djs",
"img": "https://avatars.githubusercontent.com/u/26492485?s=200&v=4"
},
{
"name": "C",
"url": "https://wikiless.funami.tech/wiki/C_(programming_language)",
"tooltip": "Made little software",
"id": "tooltip_c",
"img": "https://upload.wikimedia.org/wikipedia/commons/1/18/C_Programming_Language.svg"
},
{
"name": "C++",
"url": "https://wikiless.funami.tech/wiki/C%252B%252B",
"tooltip": "Made GDI Malware for Windows",
"id": "tooltip_cpp",
"img": "https://wikiless.funami.tech/media/wikipedia/commons/1/18/ISO_C%2B%2B_Logo.svg"
},
{
"name": "C#",
"url": "https://wikiless.funami.tech/wiki/C_Sharp_(programming_language)",
"tooltip": "Made a lot of malware",
"id": "tooltip_cs",
"img": "https://wikiless.funami.tech/media/wikipedia/commons/b/bd/Logo_C_sharp.svg"
},
{
"name": "Java",
"url": "https://wikiless.funami.tech/wiki/Java_(programming_language)",
"tooltip": "Made a Minecraft mod and an Android app",
"id": "tooltip_java",
"img": "https://wikiless.funami.tech/media/wikipedia/en/3/30/Java_programming_language_logo.svg"
},
{
"name": "Kotlin",
"url": "https://wikiless.funami.tech/wiki/Kotlin_(programming_language)",
"tooltip": "Made Android apps",
"id": "tooltip_kt",
"img": "https://upload.wikimedia.org/wikipedia/commons/3/37/Kotlin_Icon_2021.svg"
},
{
"name": "Mongolian Stone Throwing",
"url": "https://wikiless.funami.tech/wiki/Mongolia",
"tooltip": "Professional Mongolian Stone Thrower",
"id": "tooltip_mn",
"img": "https://wikiless.funami.tech/media/wikipedia/commons/4/4c/Flag_of_Mongolia.svg"
}
]

25
index.html
View file

@ -18,7 +18,7 @@
<h1 class="name tooltip" data-tooltip="zyqunix / Fabio / Laetitia / fentboiswag / монгол / 192.168.2.217">zyqunix</h1>
<span><div class="time tooltip" id="time"></div><div class="weather" id="weather"></div></span></span>
<div class="age" id="age"></div>
<div class="hobbies">
<div class="hobbies" id="hobbies">
Coding, Listening to Music, Reverse Engineering, Playing Counter-Strike
</div>
</div>
@ -32,26 +32,26 @@
</div>
<div class="languages cards">
<h2 class="card-header">Languages</h2>
<h2 class="card-header" id="languages">Languages</h2>
</div>
<div class="skills cards" id="skills-div">
<h2 class="card-header">Skills</h2>
<h2 class="card-header" id="skills">Skills</h2>
</div>
<div class="stats cards">
<h2>Coding Stats</h2>
<p>Since January 5th, 2025</p>
<h2 id="coding_stats">Coding Stats</h2>
<p id="since">Since January 5th, 2025</p>
<img class="stat-img" src="https://github-readme-stats.vercel.app/api/wakatime?username=zyqunix&theme=transparent&hide_border=true&layout=compact">
</div>
<div class="contact cards">
<h2 class="card-header">Contact</h2>
<h2 class="card-header" id="contact">Contact</h2>
<a class="contact-item github-contact" href="https://github.com/zyqunix" target="_blank">
<img class="image" src="https://raw.githubusercontent.com/zyqunix/devicon/404c165ff8d0b7eda226ec5eb66fdfc64f5f381f/icons/github/github-original.svg">
<span class="contact-name">GitHub</span>
</a>
<a class="contact-item instagram-contact" href="https://instagram.com/192.168.2.223" target="_blank">
<a class="contact-item instagram-contact" href="https://instagram.com/byte_ptr" target="_blank">
<img class="image" src="https://raw.githubusercontent.com/zyqunix/simple-icons/725d82d3e0d7feb029b84fb3ccaec2f5ec1e5fb5/icons/instagram.svg">
<span class="contact-name">Instagram</span>
</a>
@ -66,7 +66,7 @@
</div>
<div class="software cards">
<h2 class="card-header">Software I Use</h2>
<h2 class="card-header" id="software_header">Software I Use</h2>
<a class="software-item neovim" href="https://neovim.io/" target="_blank">
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/0/07/Neovim-mark-flat.svg">
<span class="software-name">Neovim</span>
@ -87,10 +87,6 @@
<img class="image" src="https://raw.githubusercontent.com/Floorp-Projects/Floorp/refs/heads/ESR128/browser/branding/official/content/about-logo.svg">
<span class="software-name">Floorp</span>
</a>
<a class="software-item" href="https://codeberg.org/librewolf" target="_blank">
<img class="image" src="https://wikiless.funami.tech/media/wikipedia/commons/d/d0/LibreWolf_icon.svg">
<span class="software-name">LibreWolf</span>
</a>
<a class="software-item tooltip" data-tooltip="Used to make my Minecraft Mod" href="https://www.jetbrains.com/idea" target="_blank">
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/9/9c/IntelliJ_IDEA_Icon.svg">
<span class="software-name">IntelliJ IDEA</span>
@ -106,7 +102,7 @@
</div>
<div class="cards sitemap shadow">
<h2 class="card-header">Sitemap</h2>
<h2 class="card-header" id="sitemap">Sitemap</h2>
<h3>More can be found on the <a href="sitemap">sitemap/sites page</a></h3>
<h4>Note: I do forget to add new sites there sometimes. So check the <a href="https://github.com/zyqunix/tools">GitHub</a> if you think there are some missing</h4>
</div>
@ -114,7 +110,7 @@
<div class="music">
<img src="assets/img/dancing-banan.gif" class="banan" id="banan">
<div class="music-pop shadow" id="music-pop">
<div class="top"><h3>Listening To <a id="artist" target="_blank">No one</a></h3>
<div class="top"><h3 id="listening_to">Listening To <a id="artist" target="_blank">No one</a></h3>
<button id="close"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Menu / Close_MD"> <path id="Vector" d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: var(--darkreader-text-ffffff, #e8e6e3);" data-darkreader-inline-stroke=""></path> </g> </g></svg></button></div>
<div class="song">
<div>
@ -138,5 +134,6 @@
</footer>
<script src="assets/js/index.js"></script>
<script src="assets/js/lang.js"></script>
</body>
</html>