tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Tben 2022-06-03 20:54:06 +01:00
parent 30fb78c4ff
commit fafa7f010e
2 changed files with 36 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
layouts/general_layout/GeneralLayout.jsx
View File

@ -32,8 +32,9 @@ const GeneralLayout = ({ children, pageName }) => {
// }] // }]
// }); // });
window.addEventListener("load", () => { // window.addEventListener("load", () => {
setReadyState(true); // })
// setReadyState(true);
document.querySelectorAll("nav a").forEach((link) => { document.querySelectorAll("nav a").forEach((link) => {
let locationRegex = new RegExp(`${window.location.pathname}.*?`); let locationRegex = new RegExp(`${window.location.pathname}.*?`);
@ -42,11 +43,11 @@ const GeneralLayout = ({ children, pageName }) => {
} }
}); });
gsap.to("#main-content-wrapper", { // gsap.to("#main-content-wrapper", {
opacity: 1, // opacity: 1,
duration: 2, // duration: 2,
delay: 1 // delay: 1
}) // })
gsap.to("#page-loader", { gsap.to("#page-loader", {
opacity: 0, opacity: 0,
@ -56,7 +57,6 @@ const GeneralLayout = ({ children, pageName }) => {
}) })
threeJsAnimations(); threeJsAnimations();
})
}, []) }, [])
@ -66,11 +66,10 @@ const GeneralLayout = ({ children, pageName }) => {
<meta name="keywords" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, NextJS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer, Freelancer" /> <meta name="keywords" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, NextJS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer, Freelancer" />
</Head> </Head>
<div id='page-loader' className='fixed w-screen h-screen bg-black flex items-center justify-center top-0 left-0' style={ { zIndex: 2000 } }> {/* <div id='page-loader' className='fixed w-screen h-screen bg-black flex items-center justify-center top-0 left-0' style={ { zIndex: 2000 } }>
<span className='text-xl'>Tben Loading ...</span> <span className='text-xl'>Tben Loading ...</span>
</div> </div> */}
{ readyState &&
<div id='main-content-wrapper' style={ { opacity: 0 } }> <div id='main-content-wrapper' style={ { opacity: 0 } }>
<GeneralHeader /> <GeneralHeader />
<main> <main>
@ -78,7 +77,6 @@ const GeneralLayout = ({ children, pageName }) => {
</main> </main>
<GeneralFooter /> <GeneralFooter />
</div> </div>
}
</Fragment> </Fragment>
) )

6
next.config.js Normal file
View File

@ -0,0 +1,6 @@
module.exports = {
reactStrictMode: true,
eslint: {
ignoreDuringBuilds: true,
},
};