👁️
silly little mark animation
+1
-6
+1
-6
src/routes/index.tsx
+1
-6
src/routes/index.tsx
···
12
12
<div className="min-h-[calc(100vh-64px)] bg-gradient-to-b from-slate-50 to-white dark:from-slate-900 dark:to-slate-950">
13
13
<div className="max-w-5xl mx-auto px-6 py-16 md:py-24">
14
14
<div className="text-center mb-16">
15
-
<h1
16
-
className="text-5xl md:text-6xl font-medium text-gray-900 dark:text-white mb-4 tracking-tight font-display"
17
-
style={{
18
-
fontVariationSettings: '"WONK" 1, "SOFT" 70, "opsz" 72',
19
-
}}
20
-
>
15
+
<h1 className="inline-block text-5xl md:text-6xl font-medium text-gray-900 dark:text-white mb-4 tracking-tight font-display [font-variation-settings:'WONK'_1,'SOFT'_70,'opsz'_72] motion-safe:hover:[font-variation-settings:'WONK'_1,'SOFT'_100,'opsz'_25] motion-safe:transition-[font-variation-settings] motion-safe:duration-500 ease-in-out cursor-default">
21
16
deck belcher dot com
22
17
</h1>
23
18
<p className="text-xl text-gray-600 dark:text-gray-400 max-w-xl mx-auto">