From 4322e4d0d9305ac24c938c40442036f96ba8e87f Mon Sep 17 00:00:00 2001
From: Adam Plesnik <adam.plesnik@expersoft.com>
Date: Thu, 28 Nov 2024 21:55:31 +0100
Subject: [PATCH] Update spacing, remove AboutMe, move CvTimeline to About

---
 src/content/AboutMe.tsx | 15 ---------------
 src/pages/About.tsx     |  8 +++++---
 src/partials/Layout.tsx |  2 +-
 3 files changed, 6 insertions(+), 19 deletions(-)
 delete mode 100644 src/content/AboutMe.tsx

diff --git a/src/content/AboutMe.tsx b/src/content/AboutMe.tsx
deleted file mode 100644
index f2fbf46..0000000
--- a/src/content/AboutMe.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import CvTimeline from './CvTimeline'
-
-const AboutMe = () => {
-  return (
-    <div className="flex min-h-svh flex-col gap-1 lg:flex-row">
-      <div className="bg-cv-light p-6 sm:p-8 md:flex-[2] md:p-12 dark:bg-cv-dark">
-        <div className="flex flex-col gap-2">
-          <CvTimeline />
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default AboutMe
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 210fcac..bdfb080 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -1,6 +1,6 @@
 import Link from '@/components/Link'
 import Paragraph from '@/components/Paragraph'
-import AboutMe from '@/content/AboutMe'
+import CvTimeline from '@/content/CvTimeline'
 
 const About = () => {
   return (
@@ -15,11 +15,13 @@ const About = () => {
         work. Family time is a non-negotiable, and I put high priority in my time off, enjoying
         mountain bike, hiking and travel—whether with family or solo when needed.
       </Paragraph>
-      <Paragraph big className="mb-16 px-6 sm:px-8 md:px-12">
+      <Paragraph big className="mb-24 px-6 sm:px-8 md:px-12">
         <Link href="mailto:adam@adamplesnik.com">adam@adamplesnik.com</Link> &mdash; Bratislava,
         Slovakia
       </Paragraph>
-      <AboutMe />
+      <div className="mb-24 flex flex-col gap-2 bg-cv-light p-6 sm:p-8 md:p-12 dark:bg-cv-dark">
+        <CvTimeline />
+      </div>
     </>
   )
 }
diff --git a/src/partials/Layout.tsx b/src/partials/Layout.tsx
index 3aeacc8..e2881a2 100644
--- a/src/partials/Layout.tsx
+++ b/src/partials/Layout.tsx
@@ -7,7 +7,7 @@ const Layout = () => {
   return (
     <div className="flex flex-col pt-8">
       <ScrollRestoration />
-      <div className="sticky top-0 z-50 mb-12 flex h-16 w-full items-baseline gap-8 bg-gradient-to-b from-white/80 px-6 pt-5 sm:px-8 md:px-12 dark:from-zinc-800/80">
+      <div className="sticky top-0 z-50 mb-16 flex h-16 w-full items-baseline gap-8 bg-gradient-to-b from-white/80 px-6 pt-5 sm:px-8 md:px-12 dark:from-zinc-800/80">
         <a href="/" className="cursor-pointer">
           <Heading size={1}>Adam Plesník</Heading>
         </a>