updated website

2024-05-18 16:47:38 -04:00
parent 5a2ae25fed
commit bb67d041dc
46 changed files with 2222 additions and 5523 deletions
@@ -1,91 +0,0 @@
-import RootLayout from '@/components/RootLayout';
-import { useState, useEffect } from 'react';
-
-export default function Home() {
-    const [doAnimation, setDoAnimation] = useState<boolean>(false);
-    const [pastLogo, setPastLogo] = useState<boolean>(false);
-    const [pastAnim, setPastAnim] = useState<boolean>(false);
-    const [text, setText] = useState<string[]>([]);
-
-    const generateRandomTextString = () => {
-        const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"
-        const length = 66;
-        let result = "";
-        
-        for (let i = 0; i < length; i++) {
-            result += characters.charAt(Math.floor(Math.random() * characters.length)) + " "
-        }
-
-        return result;
-    }
-
-    useEffect(() => {
-        if (location.href.includes("?noAnimation")) {
-            setPastAnim(true)
-            const logoElement = document.getElementById("pipboy");
-            const textElement = document.getElementById("textwall");
-            const mainElement = document.getElementById("mainelement");
-
-            if (logoElement && textElement && mainElement) {
-                logoElement.style.display = "none";
-                textElement.style.display = "none";
-                mainElement.style.display = "block";
-            }
-        } else {
-            setDoAnimation(true)
-        }
-    })
- 
-    useEffect(() => {
-        if (doAnimation) {
-            const element = document.getElementById("pipboy")
-            if (element) {
-                setTimeout(() => {
-                    element.style.display = "none";
-                    setPastLogo(true)
-                }, 4000)
-            }
-        }
-    }, [doAnimation])
-
-    useEffect(() => {
-        const textElement = document.getElementById("textwall");
-        const mainElement = document.getElementById("mainelement");
-        if (pastLogo && doAnimation) {
-            const interval = setInterval(() => {
-                setText((prevState) => {
-                    return [...prevState, generateRandomTextString()]
-                })
-            }, 50)
-
-            setTimeout(() => {
-                clearInterval(interval)
-                if (textElement && mainElement) {
-                    setPastAnim(true)
-                    textElement.style.display = "none"
-                    mainElement.style.display = "block"
-                }
-            }, 5000)
-        }
-    }, [pastLogo, doAnimation])
-
-    return (
-        <RootLayout isHomePage={true} showHeader={pastAnim}>
-            {/* "logo", hidden after 4 seconds */}
-            <h1 className="text-green-500 text-9xl font-bold italic select-none" id="pipboy">Pip-Boy</h1>
-
-            {/* text wall, hidden until pastLogo */}
-            <p className="text-green-500 text-2xl max-w-10 flex-shrink-0 select-none" id="textwall">{text}</p>
-
-            {/* and the content :) */}
-            <div className="text-green-500 flicker max-w-1/2 hidden" id="mainelement">
-                <div className="text-center">
-                    <p className="text-md">
-                        <span className="font-bold text-2xl">Hello traveller!</span>
-                    </p>
-                    <p>Welcome to my website! Feel free to explore & learn more about me :)</p>
-                </div>
-            </div>
-        </RootLayout>
-    )
-}