From de6d0184287dcc81a6877a2cd00a8e05573ad219 Mon Sep 17 00:00:00 2001
From: Adam Plesnik <adam.plesnik@gmail.com>
Date: Thu, 14 Nov 2024 17:49:46 +0100
Subject: [PATCH] Update footer

---
 src/components/Heading.tsx |  2 +-
 src/content/Footer.tsx     | 17 +++++++++++++++++
 src/pages/Home.tsx         | 10 +++-------
 src/partials/Footer.tsx    | 22 ----------------------
 4 files changed, 21 insertions(+), 30 deletions(-)
 create mode 100644 src/content/Footer.tsx
 delete mode 100644 src/partials/Footer.tsx

diff --git a/src/components/Heading.tsx b/src/components/Heading.tsx
index 73b9d5c..38ea72d 100644
--- a/src/components/Heading.tsx
+++ b/src/components/Heading.tsx
@@ -7,7 +7,7 @@ const Heading = ({ size = 1, className, children }: TitleProps) => {
   if (size === 1) {
     return <h1 className={clsx(className, 'text-5xl font-semibold tracking-tight')}>{children}</h1>
   } else if (size === 2) {
-    return <h2 className={clsx(className, 'mb-7 font-serif text-3xl italic')}>{children}</h2>
+    return <h2 className={clsx(className, 'font-serif text-3xl italic')}>{children}</h2>
   } else if (size === 3) {
     return (
       <h3 className={clsx(defaultClasses, 'mb-4 text-lg text-zinc-700 dark:text-zinc-300')}>
diff --git a/src/content/Footer.tsx b/src/content/Footer.tsx
new file mode 100644
index 0000000..7990fef
--- /dev/null
+++ b/src/content/Footer.tsx
@@ -0,0 +1,17 @@
+import Heading from '@/components/Heading'
+import Link from '@/components/Link'
+
+const Footer = () => {
+  return (
+    <div className="flex flex-col gap-1 p-12">
+      <Heading size={2}>Adam Plesník</Heading>
+      <span className="mb-12">Design engineer</span>
+      Bratislava, Slovakia
+      <Link href="mailto:adam@adamplesnik.com">adam@adamplesnik.com</Link>
+      <Link href="https://github.com/adamplesnik">github.com/adamplesnik</Link>
+      <Link href="https://www.linkedin.com/in/adamplesnik/">linkedin.com/in/adamplesnik</Link>
+    </div>
+  )
+}
+
+export default Footer
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 08a721c..4ea9a08 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,30 +1,26 @@
-import Heading from '@/components/Heading'
 import AboutMe from '@/content/AboutMe'
 import Chart from '@/content/Chart'
+import Footer from '@/content/Footer'
 import Intro from '@/content/Intro'
 import Tech from '@/content/Tech'
 import WorkKolbord from '@/content/WorkKolbord'
 import WorkScrollDriven from '@/content/WorkScrollDriven'
 import WorkScrollDrivenShowcase from '@/content/WorkScrolldrivenShowcase'
 import WorkWebUmenia from '@/content/WorkWebUmenia'
-import Footer from '@/partials/Footer'
 
 const Home = () => {
   return (
-    <>
+    <div className="flex flex-col gap-48">
       <Intro />
       <Chart />
       <AboutMe />
       <Tech />
-      <Heading size={2} className="print:mt-12">
-        Work
-      </Heading>
       <WorkKolbord />
       <WorkScrollDriven />
       <WorkScrollDrivenShowcase />
       <WorkWebUmenia />
       <Footer />
-    </>
+    </div>
   )
 }
 
diff --git a/src/partials/Footer.tsx b/src/partials/Footer.tsx
deleted file mode 100644
index 54ad1a2..0000000
--- a/src/partials/Footer.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import Em from '@/components/Em'
-import Icon from '@/components/Icon'
-import Link from '@/components/Link'
-import { Trees } from 'lucide-react'
-
-const Footer = () => {
-  return (
-    <div className="mt-4 flex w-full items-baseline gap-3 border-t border-t-zinc-300 pt-8 text-sm print:hidden">
-      <Icon Icon={Trees} className="text-zinc-800 dark:text-zinc-300" />
-      <div>
-        <Em className="block pb-6">Adam Plesník, Bratislava, Slovakia</Em>
-        <div className="flex flex-col gap-2">
-          <Link href="mailto:adam@adamplesnik.com">adam@adamplesnik.com</Link>
-          <Link href="https://github.com/adamplesnik">github.com/adamplesnik</Link>
-          <Link href="https://www.linkedin.com/in/adamplesnik/">linkedin.com/in/adamplesnik</Link>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Footer