LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-09 12:57:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jesse Winton
2025-04-14 14:55:39 -04:00
parent 603d04e256
commit e521c1f672
5 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.css
View File

@@ -84,7 +84,7 @@
/* Animations */
--animate-scale-in: scale-in 200ms ease-out forwards;
--animate-caret-blink: caret-blink 1s ease-in-out infinite;
--animate-text:
--animate-enter:
fade-in 0.75s ease-in-out both, blur 0.75s ease-in-out both, up 0.75s ease-in-out both;
--animate-scroll: scroll 60s linear infinite;
--animate-fade-in: fade-in 0.5s ease-in-out both;

2
src/lib/components/animated/Text.svelte
View File

@@ -8,7 +8,7 @@
<span class="relative">
{#each words as word, i}
<span
class="animate-text mr-2 inline-block"
class="animate-enter mr-2 inline-block"
style:animation-delay="{i * 75}ms
">{word}</span
>

2
src/lib/components/appwrite-network/map-nav.svelte
View File

@@ -42,7 +42,7 @@
<Tabs.Trigger
{value}
class={classNames(
'text-caption animate-text text-primary bg-smooth border-smooth flex h-8 items-center justify-center gap-2 rounded-full border font-medium outline-0 transition-colors',
'text-caption animate-enter text-primary bg-smooth border-smooth flex h-8 items-center justify-center gap-2 rounded-full border font-medium outline-0 transition-colors',
'group data-[state="active"]:bg-accent/4 data-[state="active"]:border-accent/36 data-[state="active"]:text-white'
)}
style="animation-delay:{index * 75}ms;"

2
src/lib/components/appwrite-network/map.svelte
View File

@@ -95,7 +95,7 @@
use:mousePosition
>
<div
class="map animate-text relative w-full origin-bottom overflow-scroll transition-all [scrollbar-width:none]"
class="map animate-enter relative w-full origin-bottom overflow-scroll transition-all [scrollbar-width:none]"
bind:clientWidth={width}
bind:clientHeight={height}
>

4
src/routes/the-appwrite-network/+page.svelte
View File

@@ -46,7 +46,7 @@
<div class="container mt-20 flex flex-col items-center">
<a
href="/"
class="bg-accent/4 animate-text group border-accent/36 text-primary relative -mb-8 flex items-center gap-2 rounded-full border px-4 py-1 text-sm"
class="bg-accent/4 animate-enter group border-accent/36 text-primary relative -mb-8 flex items-center gap-2 rounded-full border px-4 py-1 text-sm"
style:animation-delay="250ms"
>Read the announcement <Icon
name="arrow-right"
@@ -56,7 +56,7 @@
<h1 class="text-display font-aeonik-pro mx-auto inline-block py-12 text-center">
{#each heading.split(' ') as word, i}
<GradientText
class="animate-text mr-2 inline-block"
class="animate-enter mr-2 inline-block"
style="animation-delay:{i * 75}ms">{word}</GradientText
>
{/each}