v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[feat] project archive page

Browse source
This commit is contained in:
Alvalen 2023-09-03 08:45:12 +07:00
parent 1c83ce9fac
commit 0be22beae3
7 changed files with 517 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/Navbar.js
View file

@ -108,7 +108,7 @@ if (isMobile) {
</motion.h2>
</div>
</Link>
<Link href="/project">
<Link href="/projects">
<div className="text-2xl font-bold text-white" variants={itemVariants} animate={isNavOpen ? "open" : "closed"} delay={1.3}>
<motion.h2 className="text-white" variants={itemVariants} animate={isNavOpen ? "open" : "closed"}>
Projects
@ -141,14 +141,14 @@ const Navbar = () => {
<>
<nav
ref={navRef}
className={`navbar px-5 md:px-24 w-screen fixed inset-0 backdrop-blur-sm opacity-50 flex flex-row justify-between items-center h-16 z-50 `}>
className={`navbar px-5 md:px-24 w-screen fixed transition-colors ease duration-500 ${isNavOpen ? "bg-transparent" : "bg-gray-50"} inset-0 backdrop-blur-md opacity-50 flex flex-row justify-between items-center h-16 z-50 `}>
<div className="">
<h1 className="text-2xl">Alvalens</h1>
</div>
{/* toggler */}
<div className="flex flex-row items-center">
<button
className="burger button flex flex-col justify-center items-center space-y-1.5 z-50"
className="burger button flex flex-col justify-center items-center space-y-1.5 "
onClick={toggleNav}>
<div
className={`w-8 h-1 bg-black rounded-full transition-all ease-in duration-300 ${