mirror of
https://github.com/mat-1/matdoesdev.git
synced 2025-08-02 14:46:04 +00:00
lily.pet 88x31
This commit is contained in:
parent
76f0f6622c
commit
0b50cc0584
6 changed files with 406 additions and 354 deletions
Binary file not shown.
|
@ -306,9 +306,9 @@ mcassets.matdoes.dev {
|
|||
|
||||
www.www.matdoes.dev {
|
||||
header {
|
||||
Content-Type text/html
|
||||
Server "meow"
|
||||
}
|
||||
Content-Type text/html
|
||||
Server "meow"
|
||||
}
|
||||
respond "<meta http-equiv=\"refresh\" content=\"15;url=https://matdoes.dev\">nyaaaaaaaaaaaaaaaaaaa" 200
|
||||
}
|
||||
|
||||
|
|
|
@ -8,8 +8,25 @@
|
|||
onMount(() => {
|
||||
document.documentElement.style.setProperty('--project-height', `${window.innerHeight}px`)
|
||||
})
|
||||
|
||||
// the timestamp for when we were last at scroll == 0
|
||||
let timestampAtLastTop = 0
|
||||
|
||||
function onScroll() {
|
||||
const isAtTop = window.scrollY === 0
|
||||
const isAtBottom = window.innerHeight + window.scrollY >= document.body.offsetHeight
|
||||
|
||||
if (isAtTop) {
|
||||
timestampAtLastTop = Date.now()
|
||||
} else if (isAtBottom && Date.now() - timestampAtLastTop > 1000) {
|
||||
// this means we scrolled to the bottom in less than a second, do shake effect
|
||||
document.body.classList.add('shake1')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:body on:scroll={onScroll} />
|
||||
|
||||
<div class="projects-header">
|
||||
<nav>
|
||||
<BackAnchor href="/" />
|
||||
|
@ -47,4 +64,43 @@
|
|||
.projects > :global(*:nth-child(even) .project-background) {
|
||||
background-color: var(--background-color-alt);
|
||||
}
|
||||
|
||||
:global(body.shake1) {
|
||||
animation: shake1 0.5s;
|
||||
}
|
||||
@keyframes shake1 {
|
||||
0% {
|
||||
transform: translate(1px, 1px) rotate(0deg);
|
||||
}
|
||||
10% {
|
||||
transform: translate(-1px, -2px) rotate(-1deg);
|
||||
}
|
||||
20% {
|
||||
transform: translate(-3px, 0px) rotate(1deg);
|
||||
}
|
||||
30% {
|
||||
transform: translate(3px, 2px) rotate(0deg);
|
||||
}
|
||||
40% {
|
||||
transform: translate(1px, -1px) rotate(1deg);
|
||||
}
|
||||
50% {
|
||||
transform: translate(-1px, 2px) rotate(-1deg);
|
||||
}
|
||||
60% {
|
||||
transform: translate(-3px, 1px) rotate(0deg);
|
||||
}
|
||||
70% {
|
||||
transform: translate(3px, 1px) rotate(-1deg);
|
||||
}
|
||||
80% {
|
||||
transform: translate(-1px, -1px) rotate(1deg);
|
||||
}
|
||||
90% {
|
||||
transform: translate(1px, 2px) rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: translate(1px, -2px) rotate(-1deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -244,9 +244,10 @@
|
|||
<Button href="//actuallyruben.nl" src="actuallyruben.gif" alt="actuallyruben" />
|
||||
<Button href="//jamie.rs" src="jamie.png" alt="jamie" />
|
||||
<Button href="//jamsharp.net" src="jamsharp.png" alt="jamsharp" />
|
||||
<Button href="//sipacid.com/" src="sipacid.gif" alt="sipacid" />
|
||||
<Button href="//damcraft.de/" src="dam.gif" alt="dam" />
|
||||
<Button href="//mudkip.dev/" src="mudkip.png" alt="mudkip" />
|
||||
<Button href="//sipacid.com" src="sipacid.gif" alt="sipacid" />
|
||||
<Button href="//damcraft.de" src="dam.gif" alt="dam" />
|
||||
<Button href="//mudkip.dev" src="mudkip.png" alt="mudkip" />
|
||||
<Button href="//lily.pet" src="lily.png" alt="lily" />
|
||||
<Button href="//archlinux.org" src="archbtw.png" alt="archbtw" />
|
||||
<Button href="//github.com/mat-1" src="github.gif" alt="github" />
|
||||
<Button href="//ko-fi.com/matdoesdev" src="kofi.gif" alt="kofi" />
|
||||
|
|
BIN
static/retro/buttons/lily.png
Normal file
BIN
static/retro/buttons/lily.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
Loading…
Add table
Reference in a new issue