404
+404
Sorry, I couldn't locate that page for ya
You first visited my website on {firstEverLoadTime.toLocaleDateString()} at{' '}
{firstEverLoadTime.toLocaleTimeString()} and on this first visit, you were on the{' '}
diff --git a/src/globals.css b/src/globals.css
index 9085082..f635d30 100644
--- a/src/globals.css
+++ b/src/globals.css
@@ -3,5 +3,16 @@
@tailwind utilities;
body {
- @apply bg-grid-neutral-200/40 bg-neutral-100 text-neutral-900 antialiased dark:bg-grid-neutral-800/50 dark:bg-neutral-900 dark:text-neutral-100;
+ @apply overscroll-none bg-[#fefefe] text-neutral-900 antialiased dark:bg-[#040404] dark:text-neutral-100;
+}
+
+#__next {
+ @apply absolute inset-0;
+}
+
+#__next::before {
+ content: '';
+ background: url(/grain.jpeg) repeat center center;
+ background-size: 50%;
+ @apply fixed inset-0 -z-10 opacity-[0.03] dark:opacity-[0.018];
}
diff --git a/src/hooks/use-lerp-transform.ts b/src/hooks/use-lerp-transform.ts
new file mode 100644
index 0000000..f5bc024
--- /dev/null
+++ b/src/hooks/use-lerp-transform.ts
@@ -0,0 +1,15 @@
+import {MotionValue, useTransform} from 'framer-motion';
+import {useRef} from 'react';
+
+export function useLerpTransform(value: MotionValue) {
+ const prev = useRef();
+
+ return useTransform(value, newValue => {
+ const prevValue = prev.current ?? newValue;
+ const lerpValue = prevValue + (newValue - prevValue) * 10;
+
+ prev.current = newValue;
+
+ return lerpValue;
+ });
+}
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 89ce5b7..e53c312 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -3,7 +3,7 @@ import Link from 'next/link';
export default function Page404() {
return (
404 404 Sorry, I couldn't locate that page for ya