updated theme

davidknoerzer · Apr 17, 2024 · 13e74e4 · 13e74e4
1 parent bf5e6ec
commit 13e74e4
Show file tree

Hide file tree

Showing 9 changed files with 40 additions and 48 deletions.
diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
@@ -8,7 +8,7 @@ export default function Footer() {
         <footer className="footer p-10 bg-neutral text-neutral-content">
             <nav>
                 <a className="footer-center" target="_blank" href="https://www.linkedin.com/in/davidknoerzer/">Linkedin</a>
-                <a className="footer-center" target="_blank" href="https://github.com/davidknoerzer">Github</a>
+                <a className="footer-center" target="_blank" href="https://github.com/davidknoerzer/">Github</a>
                 <h6 className="footer-center">Copyright &copy; {currentYear}</h6>
             </nav>
         </footer>

diff --git a/src/app/components/HeroSection.tsx b/src/app/components/HeroSection.tsx
@@ -23,8 +23,7 @@ export default function HeroSection() {
         <div>
           <h1 className={"text-7xl " + codingFont.className}>Hello There!</h1>
           <p className="py-6">
-            Welcome to my Portfolio page. Here you can take a look at some fun
-            projects I did to expand my programming skills :)
+            Willkommen auf meiner Portfolio-Seite. Hier kannst du einen Blick auf einige lustige Projekte ansehen, mit denen ich meine Programmierkenntnisse erweitert habe :)
           </p>
           <Link
             target="_blank"

diff --git a/src/app/components/main/Body.tsx b/src/app/components/main/Body.tsx
@@ -4,9 +4,9 @@ import CVSection from "./CVSection";
 
 export default function Body() {
   return (
-    <>
+    <div className="body-background">
       <CVSection></CVSection>
       <ProjectSection></ProjectSection>
-    </>
+    </div>
   );
 }
diff --git a/src/app/components/main/CVCard.tsx b/src/app/components/main/CVCard.tsx
@@ -15,17 +15,17 @@ export default function CVCard({
   if (startDate !== undefined && endDate !== undefined) {
     let endDateString = isCurrentOccupation
       ? "today"
-      : endDate.getMonth() + "." + endDate.getFullYear();
+      : endDate.getMonth() + 1 + "." + endDate.getFullYear();
     timeframe =
-      startDate.getMonth() +
+      startDate.getMonth() + 1 +
       "." +
       startDate.getFullYear() +
       " - " +
       endDateString;
   }
 
   return (
-    <div className="card bg-base-200 shadow-2xl break-inside-avoid">
+    <div className="card bg-base-300 shadow-2xl break-inside-avoid">
       <div className="card-body">
         <h2 className="card-title">{title}</h2>
         <p>{organization}</p>

diff --git a/src/app/components/main/CVSection.tsx b/src/app/components/main/CVSection.tsx
@@ -18,7 +18,7 @@ export default function CVSection() {
         "Entwicklung Custom Connector mit Java",
         "DevOps Pipeline Entwicklung für Mule Apps",
       ],
-      startDate: new Date(2022, 11, 1),
+      startDate: new Date(2022, 10),
       endDate: new Date(),
       isCurrentOccupation: true,
       image: iptImage,
@@ -29,25 +29,25 @@ export default function CVSection() {
       description: [
         "Fullstack Entwicklung mit Angular 4, Java Spring und MongoDB",
       ],
-      startDate: new Date(2017, 9, 1),
-      endDate: new Date(2017, 12, 1),
+      startDate: new Date(2017, 8),
+      endDate: new Date(2017, 11),
       isCurrentOccupation: false,
       image: bNovaImage,
     },
     {
       title: "Informatiker Generalist Lehrling",
       organization: "Novartis Pharma AG",
       description: ["UX-Design", "IT-Support", "Hardware-Testing"],
-      startDate: new Date(2013, 9, 1),
-      endDate: new Date(2017, 8, 1),
+      startDate: new Date(2013, 7),
+      endDate: new Date(2017, 6),
       isCurrentOccupation: false,
       image: novartisImage,
     },
     {
       title: "Business Information Systems",
       organization: "MSc, FHNW",
       description: [],
-      startDate: new Date(2023, 9, 1),
+      startDate: new Date(2023, 8),
       endDate: new Date(),
       isCurrentOccupation: true,
       image: fhnwImage,
@@ -56,27 +56,27 @@ export default function CVSection() {
       title: "Information Systems & Informatics",
       organization: "MSc, UZH",
       description: [],
-      startDate: new Date(2022, 9, 1),
-      endDate: new Date(2023, 8, 1),
+      startDate: new Date(2022, 8),
+      endDate: new Date(2023, 7),
       isCurrentOccupation: false,
       image: uzhImage,
     },
     {
       title: "Business Information Technology",
       organization: "BSc, FHNW",
       description: [],
-      startDate: new Date(2018, 9, 1),
-      endDate: new Date(2021, 8, 1),
+      startDate: new Date(2018, 8),
+      endDate: new Date(2021, 7),
       isCurrentOccupation: false,
       image: fhnwImage,
     },
   ];
 
-  cvChapters = cvChapters.sort((a, b) => (a.endDate > b.endDate) ? -1 : 1)
+  cvChapters.sort((a, b) => b.endDate.getTime() - a.endDate.getTime());
 
   return (
     <div className="container p-4 space-y-4">
-      <h2 className="text-6xl p-4 font-bold bg-base-200 shadow-2xl rounded-2xl">CV</h2>
+      <h2 className="text-6xl p-4 font-bold bg-base-300  shadow-2xl rounded-2xl">CV</h2>
       <div className="gap-6 space-y-6 columns-1 md:columns-2 2xl:columns-3">
         {cvChapters.map((item) => (
           <CVCard key={item.title}

diff --git a/src/app/components/main/ProjectSection.tsx b/src/app/components/main/ProjectSection.tsx
@@ -65,24 +65,24 @@ export default function ProjectSection() {
   ];
 
   return (
-      <div className="container p-4 space-y-4 ">
-        <h1 className="text-6xl p-4 font-bold bg-base-200 shadow-2xl rounded-2xl">Projects</h1>
-        <div className="gap-6 space-y-6 columns-1 md:columns-2 2xl:columns-3">
-          {projects.map((item) => (
-            <ProjectCard
-              {...{
-                title: item.title,
-                description: item.description,
-                url: item.url,
-                image: item.image,
-                done: item.done,
-                techstack: item.techstack,
-              }}
-              key={item.url.substring(0)}
-            />
-          ))}
-        </div>
+    <div className="container p-4 space-y-4 ">
+      <h1 className="text-6xl p-4 font-bold bg-base-300 shadow-2xl rounded-2xl">Projects</h1>
+      <div className="gap-6 space-y-6 columns-1 md:columns-2 2xl:columns-3">
+        {projects.map((item) => (
+          <ProjectCard
+            {...{
+              title: item.title,
+              description: item.description,
+              url: item.url,
+              image: item.image,
+              done: item.done,
+              techstack: item.techstack,
+            }}
+            key={item.url.substring(0)}
+          />
+        ))}
       </div>
+    </div>
 
   );
 }
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -6,11 +6,6 @@
     background-image: url('../images/mountains.webp');
 }
 
-.cv-background {
-    background-image: url('../images/library.webp');
-}
-
-.projects-background {
-    background-image: url('../images/code.webp');
-
+.body-background {
+    background: linear-gradient(45deg, #a2cad7, #5cb1c8, #44a7bf)
 }
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -14,14 +14,12 @@ const config: Config = {
     },
     extend: {
       backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+        "custom-gradient": `linear-gradient(to bottom-left, #6ee7b7, #3b82f6)`
       },
     },
   },
   daisyui: {
-    themes: false
+    themes: ["light",],
   },
   plugins: [require("@tailwindcss/typography"), require("daisyui")],
 };