corrections on navbar and routes

emanuelpps · Feb 6, 2024 · 99d4dc4 · 99d4dc4
1 parent 886f8f7
commit 99d4dc4
Show file tree

Hide file tree

Showing 16 changed files with 14 additions and 14 deletions.
diff --git a/app/info/aboutMe/AboutMe.jsx → app/about/aboutMe/AboutMe.jsx b/app/info/aboutMe/AboutMe.jsx → app/about/aboutMe/AboutMe.jsx
diff --git a/app/info/freeTime/FreeTime.jsx → app/about/freeTime/FreeTime.jsx b/app/info/freeTime/FreeTime.jsx → app/about/freeTime/FreeTime.jsx
diff --git a/app/info/loading.jsx → app/about/loading.jsx b/app/info/loading.jsx → app/about/loading.jsx
diff --git a/app/info/page.jsx → app/about/page.jsx b/app/info/page.jsx → app/about/page.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import NavBar from "@/components/NavBar/NavBar";
-import Contact from "../work/contact/Contact";
+import Contact from "../works/contact/Contact";
 import Footer from "@/components/footer/Footer";
 import Summary from "./summary/Summary";
 import Skills from "./skills/Skills";

diff --git a/app/info/skills/Skills.jsx → app/about/skills/Skills.jsx b/app/info/skills/Skills.jsx → app/about/skills/Skills.jsx
@@ -47,7 +47,7 @@ function Skills() {
       </div>
       <div
         id="skills-backend-container"
-        className="flex flex-col md:grid md:grid-cols-2 mt-5 md:mt-0 pt-16 md:pt-12"
+        className="flex flex-col md:grid md:grid-cols-2 mt-10 md:mt-0 md:pt-12"
       >
         <div
           id="backend-title-container"
@@ -77,7 +77,7 @@ function Skills() {
       </div>
       <div
         id="skills-native-container"
-        className="flex flex-col md:grid md:grid-cols-2 mt-5 md:mt-0"
+        className="flex flex-col md:grid md:grid-cols-2 mt-10 md:mt-0"
       >
         <div
           id="native-title-container"
@@ -107,7 +107,7 @@ function Skills() {
       </div>
       <div
         id="skills-design-container"
-        className="flex flex-col md:grid md:grid-cols-2 mt-5 md:mt-0 pb-20 md:pb-0"
+        className="flex flex-col md:grid md:grid-cols-2 mt-10 md:mt-0 pb-20 md:pb-0"
       >
         <div
           id="design-title-container"

diff --git a/app/info/summary/Summary.jsx → app/about/summary/Summary.jsx b/app/info/summary/Summary.jsx → app/about/summary/Summary.jsx
diff --git a/app/work/[projectName]/page.jsx → app/works/[projectName]/page.jsx b/app/work/[projectName]/page.jsx → app/works/[projectName]/page.jsx
diff --git a/app/work/contact/Contact.jsx → app/works/contact/Contact.jsx b/app/work/contact/Contact.jsx → app/works/contact/Contact.jsx
diff --git a/app/work/intro/Intro.css → app/works/intro/Intro.css b/app/work/intro/Intro.css → app/works/intro/Intro.css
diff --git a/app/work/intro/Intro.jsx → app/works/intro/Intro.jsx b/app/work/intro/Intro.jsx → app/works/intro/Intro.jsx
diff --git a/app/work/loading.jsx → app/works/loading.jsx b/app/work/loading.jsx → app/works/loading.jsx
diff --git a/app/work/page.jsx → app/works/page.jsx b/app/work/page.jsx → app/works/page.jsx
diff --git a/app/work/portfolio/PortfolioContainer.jsx → app/works/portfolio/PortfolioContainer.jsx b/app/work/portfolio/PortfolioContainer.jsx → app/works/portfolio/PortfolioContainer.jsx
diff --git a/app/work/portfolio/ProjectCard.jsx → app/works/portfolio/ProjectCard.jsx b/app/work/portfolio/ProjectCard.jsx → app/works/portfolio/ProjectCard.jsx
diff --git a/components/NavBar/NavBar.jsx b/components/NavBar/NavBar.jsx
@@ -74,33 +74,33 @@ export default function NavBar() {
           <div className="flex items-center justify-center">
             <label
               for="Toggle3"
-              className="block p-2 h-10 w-full md:w-auto bg-gray-400 rounded-md bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-40 border border-gray-100 cursor-pointer dark:text-gray-800"
+              className="block p-2 h-10 min-w-full md:w-auto bg-gray-400 rounded-md bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-40 border border-gray-100 cursor-pointer dark:text-gray-800"
             >
               <input id="Toggle3" type="checkbox" className="hidden peer" />
-              <Link href={"/work"}>
+              <Link href={"/works"}>
                 <button
-                  className={`text-[0.8rem] md:text-[1rem] px-2 md:px-4 py-0.6 rounded-l-md text-white font-semibold ${
-                    currentPath === "/work" ? "bg-gray-500" : ""
+                  className={`text-[0.7rem] md:text-[1rem] px-2 md:px-4 py-0.6 rounded-l-md text-white font-semibold ${
+                    currentPath === "/works" ? "bg-gray-500" : ""
                   }`}
                   onClick={() => {
                     setShowWork(true);
                     setShowInfo(false);
                   }}
                 >
-                  Work
+                  Works
                 </button>
               </Link>
-              <Link href={"/info"}>
+              <Link href={"/about"}>
                 <button
-                  className={`text-[0.8rem] md:text-[1rem] px-2 md:px-4 py-0.6 rounded-r-md text-white font-semibold ${
-                    currentPath === "/info" ? "bg-gray-500" : ""
+                  className={`text-[0.7rem] md:text-[1rem] px-2 md:px-4 py-0.6 rounded-r-md text-white font-semibold ${
+                    currentPath === "/about" ? "bg-gray-500" : ""
                   }`}
                   onClick={() => {
                     setShowWork(false);
                     setShowInfo(true);
                   }}
                 >
-                  Info
+                  About
                 </button>
               </Link>
             </label>

diff --git a/next.config.js b/next.config.js
@@ -4,7 +4,7 @@ const nextConfig = {
     return [
       {
         source: "/",
-        destination: "/work",
+        destination: "/works",
         permanent: true,
       },
     ];