add blog

layouts/general_layout/GeneralHeader.jsx

@@ -5,19 +5,38 @@ const GeneralHeader = () => {
     const router = useRouter();
 
     function pushRouter(e) {
+        e.preventDefault();
         let url = e.target.dataset.href;
         router.push(url);
     }
 
     return (
         <header>
-            <a className="logo-link-block" onClick={ () => { pushRouter("/") } }><h1>Tben.me</h1></a>
+            <a className="logo-link-block" onClick={ () => {
+                pushRouter("/")
+            } }><h1>Tben.me</h1></a>
             <nav>
-                <a data-href="/" onClick={ (e) => { pushRouter(e) } }>Home</a>
-                <a data-href="/about" onClick={ (e) => { pushRouter(e) } }>About Me</a>
-                <a data-href="/work" onClick={ (e) => { pushRouter(e) } }>My Work</a>
+                <a href='/' data-href="/" onClick={ (e) => {
+                    pushRouter(e)
+                } }>Home</a>
+
+                <a href='/about' data-href="/about" onClick={ (e) => {
+                    pushRouter(e)
+                } }>About Me</a>
+
+                <a href='/work' data-href="/work" onClick={ (e) => {
+                    pushRouter(e)
+                } }>My Work</a>
+
+                <a href='/blog' data-href="/blog" onClick={ (e) => {
+                    pushRouter(e)
+                } }>Blog</a>
+
                 <a data-href="#" href='/documents/Benjamin_Toby_CV-updated.pdf' target="_blank">My Resume</a>
-                <a data-href="/contact" onClick={ (e) => { pushRouter(e) } }>Contact Me</a>
+
+                <a href='/contact' data-href="/contact" onClick={ (e) => {
+                    pushRouter(e)
+                } }>Contact Me</a>
             </nav>
         </header>
     )

layouts/general_layout/GeneralLayout.jsx

@@ -63,8 +63,6 @@ const GeneralLayout = ({ children, pageName }) => {
         // document.getElementById("page-loader").style.opacity
 
         threeJsAnimations();
-
-        // setReadyState(true);
     }, [])
 
 
@@ -82,6 +80,7 @@ const GeneralLayout = ({ children, pageName }) => {
                     { children }
                 </main>
                 <GeneralFooter />
+                <div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
             </div>
 
         </SiteContext.Provider>