oliverbooth/oliverbooth.dev
oliverbooth/oliverbooth.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

fix: null check headshot
All checks were successful
.NET / Build & Test (push) Successful in 1m29s
Details

Browse Source
This commit is contained in:
Oliver Booth 2024-03-02 05:32:27 +00:00
parent 18cb6aa806
commit 5fae03b483
Signed by: oliverbooth
GPG Key ID: E60B570D1B7557B5
1 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/ts/app.ts
View File

@ -107,31 +107,33 @@ declare const Prism: any;
let avatarType = 0; let avatarType = 0;
const headshot = document.getElementById("index-headshot") as HTMLImageElement; const headshot = document.getElementById("index-headshot") as HTMLImageElement;
headshot.addEventListener("click", (ev: MouseEvent) => { if (headshot) {
if (avatarType === 0) { headshot.addEventListener("click", (ev: MouseEvent) => {
headshot.classList.add("headshot-spin", "headshot-spin-start"); if (avatarType === 0) {
setTimeout(() => { headshot.classList.add("headshot-spin", "headshot-spin-start");
headshot.classList.remove("headshot-spin-start");
headshot.src = "/img/avatar_512x512.jpg"
headshot.classList.add("headshot-spin", "headshot-spin-end");
setTimeout(() => { setTimeout(() => {
headshot.classList.remove("headshot-spin", "headshot-spin-end"); headshot.classList.remove("headshot-spin-start");
avatarType = 1; headshot.src = "/img/avatar_512x512.jpg"
}, 800); headshot.classList.add("headshot-spin", "headshot-spin-end");
}, 400);
} else if (avatarType === 1) {
headshot.classList.add("headshot-spin", "headshot-spin-start");
setTimeout(() => {
headshot.classList.remove("headshot-spin-start");
headshot.src = "/img/headshot_512x512_2023.jpg"
headshot.classList.add("headshot-spin", "headshot-spin-end");
setTimeout(() => {
headshot.classList.remove("headshot-spin", "headshot-spin-end");
avatarType = 1;
}, 800);
}, 400);
} else if (avatarType === 1) {
headshot.classList.add("headshot-spin", "headshot-spin-start");
setTimeout(() => { setTimeout(() => {
headshot.classList.remove("headshot-spin", "headshot-spin-end"); headshot.classList.remove("headshot-spin-start");
avatarType = 0; headshot.src = "/img/headshot_512x512_2023.jpg"
}, 800); headshot.classList.add("headshot-spin", "headshot-spin-end");
}, 400);
} setTimeout(() => {
}); headshot.classList.remove("headshot-spin", "headshot-spin-end");
avatarType = 0;
}, 800);
}, 400);
}
});
}
})(); })();