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

Compare commits

base: oliverbooth:c1d27dc15103a7fd27d6df6c0a7d6ea887cbd48c
Branches Tags
oliverbooth:main
oliverbooth:feature/cleanup
oliverbooth:feature/admin
oliverbooth:v1.1.0
...
compare: oliverbooth:869ee77446b5764bef22e51e4e338cb80e0e5893
Branches Tags
oliverbooth:main
oliverbooth:feature/cleanup
oliverbooth:feature/admin
oliverbooth:v1.1.0

2 Commits
c1d27dc151 ... 869ee77446

Author SHA1 Message Date
Oliver Booth
869ee77446
Merge branch 'main' into feature/admin
Some checks failed
.NET / Build & Test (push) Failing after 46s
Details
2024-03-02 05:32:45 +00:00
Oliver Booth
5fae03b483
fix: null check headshot
All checks were successful
.NET / Build & Test (push) Successful in 1m29s
Details
2024-03-02 05:32:34 +00:00
1 changed files with 26 additions and 24 deletions
Show Stats Expand all files Collapse all files

50
src/ts/app/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);
}
});
}
})(); })();