z0x/z0x.ca
Code Actions

typescript errors v2

Browse source
This commit is contained in:
z0x 2024-12-31 01:37:35 -05:00
parent 041c52277d
commit 759f713545
3 changed files with 3 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/js/index.ts
View file

@ -1,8 +1,6 @@
import { animate, stagger } from "motion"; import { animate, stagger } from "motion";
// const elements = document.querySelectorAll("img, h1"); const elements = document.querySelectorAll("img, h1");
const fade = document.getElementById("fade");
const elements = fade.querySelectorAll("*");
animate( animate(
elements, elements,
{ opacity: [0, 1] }, { opacity: [0, 1] },

2
src/pages/404.astro
View file

@ -15,7 +15,7 @@ import "/src/css/app.css";
</head> </head>
<body class="bg-linear-to-b/oklch from-neutral-700 to-black text-white overflow-hidden"> <body class="bg-linear-to-b/oklch from-neutral-700 to-black text-white overflow-hidden">
<div class="flex items-center justify-center min-h-screen"> <div class="flex items-center justify-center min-h-screen">
<div id="fade" class="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]"> <div class="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
<h1 class="text-4xl opacity-0 font-sfpro font-semibold">404</h1> <h1 class="text-4xl opacity-0 font-sfpro font-semibold">404</h1>
</div> </div>
</div> </div>

2
src/pages/index.astro
View file

@ -18,7 +18,7 @@ import "/src/css/app.css";
</head> </head>
<body class="bg-linear-to-b/oklch from-neutral-700 to-black text-white overflow-hidden"> <body class="bg-linear-to-b/oklch from-neutral-700 to-black text-white overflow-hidden">
<div class="flex items-center justify-center min-h-screen"> <div class="flex items-center justify-center min-h-screen">
<div id="fade" class="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]"> <div class="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
<Image src={logo} alt="logo" class="w-2/3 opacity-0" loading="eager" /> <Image src={logo} alt="logo" class="w-2/3 opacity-0" loading="eager" />
<h1 class="text-4xl opacity-0 font-sfpro font-semibold">z0x</h1> <h1 class="text-4xl opacity-0 font-sfpro font-semibold">z0x</h1>
</div> </div>