tarion/tarion.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

generate skills & projects sections instead of hardcoding them

Browse source
This commit is contained in:
Claire Schwarzer 2026-01-20 14:39:24 +01:00
parent 1ae77b8270
commit 9c9e3b6c30
4 changed files with 33 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

25
script.js
View file

@ -88,6 +88,10 @@ async function getProjectsData(){
const response = await fetch(`projects.json`);
return response.json();
}
async function getSkillsData(){
const response = await fetch(`skills.json`);
return response.json();
}
document.addEventListener("DOMContentLoaded", async () => {
const userLang = (navigator.language || navigator.userLanguage).split('-')[0];
@ -95,9 +99,7 @@ document.addEventListener("DOMContentLoaded", async () => {
// Load Projects from projects.json
const projects = await getProjectsData();
if (projects != null){
console.log(projects);
for (var key in projects){
var project = projects[key];
@ -112,13 +114,13 @@ document.addEventListener("DOMContentLoaded", async () => {
description.setAttribute("data-i18n", project.description);
newProject.appendChild(description);
var skills = document.createElement("ul");
var projectSkills = document.createElement("ul");
for (var skillKey in project.skills){
var newSkill = document.createElement("li");
newSkill.innerHTML = project.skills[skillKey];
skills.appendChild(newSkill);
projectSkills.appendChild(newSkill);
}
newProject.appendChild(skills);
newProject.appendChild(projectSkills);
var button = document.createElement("a");
button.setAttribute("href", project.link);
@ -129,6 +131,19 @@ document.addEventListener("DOMContentLoaded", async () => {
}
}
const skills = await getSkillsData();
if (skills != null){
var skillsList = document.getElementById("skills-list");
for (var key in skills){
var skillName = skills[key];
var newSkill = document.createElement("li");
newSkill.innerHTML = skillName;
skillsList.appendChild(newSkill);
}
}
document.querySelectorAll("[data-i18n]").forEach((element) => {
const key = element.getAttribute("data-i18n");
element.innerHTML = langData[key];