gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

Compare commits

base: gazesys:4926331a6e783a49e89a66d2746327115684c0b6
Branches Tags
gazesys:svelte
gazesys:master
gazesys:latest
..
compare: gazesys:293f9e023a756be8071312b87a60698bf05c539d
Branches Tags
gazesys:svelte
gazesys:master
gazesys:latest

3 Commits
4926331a6e ... 293f9e023a

Author SHA1 Message Date
dusk
293f9e023a
feat: mark more urls as u-url so they appear in h-card 2024-09-29 21:56:24 +03:00
dusk
64f2864617
fix: navbuttons now bounce in reverse 
this makes it so that the user cant trigger a reset of the animation by just placing the cursor at the bottom and the button going out of the cursors area
 2024-09-29 21:53:59 +03:00
dusk
ca946b1ad0
refactor: change paddings to look better 2024-09-29 21:40:41 +03:00
4 changed files with 23 additions and 5 deletions
Show Stats Expand all files Collapse all files

2
src/components/navButton.svelte
View File

@ -10,7 +10,7 @@
max-w-36 p-0.5 pr-1.5 border-ralsei-white border-4 max-w-36 p-0.5 pr-1.5 border-ralsei-white border-4
{highlight {highlight
? 'min-w-36 bg-gradient-to-l to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30% border-ridge motion-safe:animate-pulse hover:animate-none' ? 'min-w-36 bg-gradient-to-l to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30% border-ridge motion-safe:animate-pulse hover:animate-none'
: 'w-fit border-double hover:border-solid motion-safe:hover:animate-bounce hover:underline'} : 'w-fit border-double hover:border-solid animate-bounce-reverse hover:underline'}
flex gap-1 items-center justify-center align-middle text-center flex gap-1 items-center justify-center align-middle text-center
{highlight ? 'text-ralsei-pink-regular app-selected-route' : 'text-ralsei-green-light'} {highlight ? 'text-ralsei-pink-regular app-selected-route' : 'text-ralsei-green-light'}
" "

2
src/routes/+layout.svelte
View File

@ -128,7 +128,7 @@
</defs> </defs>
</svg> </svg>
<div class="md:h-[96vh] pb-[8vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[5.5vh] overflow-x-hidden [scrollbar-gutter:stable]"> <div class="md:h-[96vh] pb-[8vh] lg:px-[4vw] 2xl:px-[8vw] lg:pb-[5vh] lg:pt-[3.5vh] overflow-x-hidden [scrollbar-gutter:stable]">
<slot /> <slot />
</div> </div>

6
src/routes/+page.svelte
View File

@ -62,7 +62,7 @@
</li> </li>
<li> <li>
gitlab: gitlab:
<a href="https://gitlab.com/yusdacra">@yusdacra</a> <a class="u-url" href="https://gitlab.com/yusdacra" rel="me">@yusdacra</a>
</li> </li>
<li> <li>
my gitea: my gitea:
@ -77,14 +77,14 @@
</li> </li>
<li> <li>
misskey.art: misskey.art:
<a href="https://misskey.art/@yusdacra">@yusdacra</a> <a class="u-url" href="https://misskey.art/@yusdacra" rel="me">@yusdacra</a>
</li> </li>
</ul> </ul>
</div> </div>
</Window> </Window>
</div> </div>
<div class="hidden motion-reduce:md:block absolute max-w-[40ch] bottom-[10vh] right-[8vw]"> <div class="hidden motion-reduce:block absolute max-w-[40ch] bottom-0 right-0 md:bottom-[10vh] md:right-[8vw]">
<Window title=":(" iconUri="/icons/warning.png"> <Window title=":(" iconUri="/icons/warning.png">
<div class="prose prose-ralsei leading-6"> <div class="prose prose-ralsei leading-6">
<p> <p>

18
src/styles/app.css
View File

@ -175,6 +175,24 @@
background-position: 0px 0px; background-position: 0px 0px;
} }
} }
@media (prefers-reduced-motion: no-preference) {
@keyframes bounce-reverse {
0%, 100% {
transform: none;
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
50% {
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
}
}
@media (prefers-reduced-motion: no-preference) {
.animate-bounce-reverse:hover {
animation: bounce-reverse 1s infinite;
}
}
} }
a.app-selected-route { a.app-selected-route {