michi.vonah/website-v3
1
0
Fork 0
mirror of https://github.com/michivonah/website-v3.git synced 2025-12-22 21:36:28 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

implement age calculation + fix icons bug in english version

Browse source
This commit is contained in:
Michi 2025-03-15 21:03:11 +01:00
parent be603e8e52
commit caca1c825e
7 changed files with 32 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
static/akar-icons-fonts/src/css/akar-icons.css
View file

@ -1,8 +1,8 @@
@font-face {
font-family: "akar-icons";
src: url("../fonts/akar-icons.ttf?1f3540771cfc5786c664ac6bc39123ba") format("truetype"),
url("../fonts/akar-icons.woff?1f3540771cfc5786c664ac6bc39123ba") format("woff"),
url("../fonts/akar-icons.svg?1f3540771cfc5786c664ac6bc39123ba#akar-icons") format("svg");
src: url("/akar-icons-fonts/src/fonts/akar-icons.ttf?1f3540771cfc5786c664ac6bc39123ba") format("truetype"),
url("/akar-icons-fonts/src/fonts/akar-icons.woff?1f3540771cfc5786c664ac6bc39123ba") format("woff"),
url("/akar-icons-fonts/src/fonts/akar-icons.svg?1f3540771cfc5786c664ac6bc39123ba#akar-icons") format("svg");
}
i[class^="ai-"]:before, i[class*=" ai-"]:before {

2
static/akar-icons-fonts/src/index.js
View file

@ -2,5 +2,5 @@ var head = document.getElementsByTagName("head")[0];
var link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = "akar-icons-fonts/src/css/akar-icons.css";
link.href = "/akar-icons-fonts/src/css/akar-icons.css";
head.appendChild(link);

21
static/main.js
View file

@ -2,6 +2,7 @@
document.addEventListener('DOMContentLoaded', function(){
scrollTopVisibilityUpdate();
updateNavStyle();
calculateAge(".age");
});
window.addEventListener('scroll', function(){
@ -69,4 +70,22 @@ const observer = new IntersectionObserver(entries => {
});
});
observer.observe(document.querySelector('.contact-title-wrapper'));
observer.observe(document.querySelector('.contact-title-wrapper'));
// calculate age
function calculateAge(selector){
const obj = document.querySelector(selector);
const birthdate = obj.getAttribute("data-birthdate").split(",");
const birth = new Date(birthdate[2], birthdate[1] - 1, birthdate[0]);
const today = new Date();
let age = today.getFullYear() - birth.getFullYear();
const monthDiff = today.getMonth() - birth.getMonth();
const dayDiff = today.getDate() - birth.getDate();
if (monthDiff < 0 || (monthDiff === 0 && dayDiff < 0)) {
age--;
}
obj.textContent = age;
}

4
static/style.css
View file

@ -332,6 +332,10 @@ nav.small .nav-links a:last-child:hover{
background: var(--primary);
}
.about var{
font-style: normal;
}
/* PROJECTS */
.projects{
text-align: center;