From e382d9ff89edd44a857e6cad9730a3b2d031c3d0 Mon Sep 17 00:00:00 2001
From: Adam Plesnik <adam.plesnik@gmail.com>
Date: Fri, 29 Nov 2024 21:38:28 +0100
Subject: [PATCH] Update text sizes

---
 src/components/Heading.tsx         | 4 ++--
 src/components/Paragraph.tsx       | 4 ++--
 src/components/WorkPreviewTile.tsx | 6 ++++--
 src/pages/About.tsx                | 7 +------
 4 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/Heading.tsx b/src/components/Heading.tsx
index cd2e211..2ed33c0 100644
--- a/src/components/Heading.tsx
+++ b/src/components/Heading.tsx
@@ -3,10 +3,10 @@ import { HTMLAttributes } from 'react'
 
 const Heading = ({ size = 1, className, children }: TitleProps) => {
   if (size === 1) {
-    return <h1 className={clsx(className, 'text-3xl font-medium lg:text-4xl')}>{children}</h1>
+    return <h1 className={clsx(className, 'text-2xl font-medium sm:text-3xl')}>{children}</h1>
   } else if (size === 2) {
     return (
-      <h2 className={clsx(className, 'text-2xl font-medium !leading-snug sm:text-3xl lg:text-4xl')}>
+      <h2 className={clsx(className, 'text-2xl font-medium !leading-snug sm:text-3xl')}>
         {children}
       </h2>
     )
diff --git a/src/components/Paragraph.tsx b/src/components/Paragraph.tsx
index 75fb0b6..20e983f 100644
--- a/src/components/Paragraph.tsx
+++ b/src/components/Paragraph.tsx
@@ -9,8 +9,8 @@ const Paragraph = ({
   return (
     <p
       className={clsx(
-        'w-full leading-[1.42] print:max-w-full',
-        big && 'text-2xl font-medium !leading-snug sm:text-3xl lg:text-4xl print:text-xl',
+        'w-full max-w-6xl leading-[1.42] print:max-w-full',
+        big && 'text-2xl font-medium !leading-snug sm:text-3xl print:text-xl',
         className
       )}
     >
diff --git a/src/components/WorkPreviewTile.tsx b/src/components/WorkPreviewTile.tsx
index 1932278..690048e 100644
--- a/src/components/WorkPreviewTile.tsx
+++ b/src/components/WorkPreviewTile.tsx
@@ -1,12 +1,14 @@
 import { clsx } from 'clsx'
 import { HTMLAttributes } from 'react'
-import Paragraph from './Paragraph'
+import Heading from './Heading'
 
 const WorkPreviewTile = ({ children, title, className, link }: WorkPreviewTileProps) => {
   return (
     <a href={link} className={clsx('w-full', className)}>
       <div className="mb-4">{children}</div>
-      <Paragraph className="hover:underline">{title} &rarr;</Paragraph>
+      <Heading size={2} className="hover:underline">
+        {title} &rarr;
+      </Heading>
     </a>
   )
 }
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index bdfb080..6158094 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -1,4 +1,3 @@
-import Link from '@/components/Link'
 import Paragraph from '@/components/Paragraph'
 import CvTimeline from '@/content/CvTimeline'
 
@@ -15,11 +14,7 @@ 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-24 px-6 sm:px-8 md:px-12">
-        <Link href="mailto:adam@adamplesnik.com">adam@adamplesnik.com</Link> &mdash; Bratislava,
-        Slovakia
-      </Paragraph>
-      <div className="mb-24 flex flex-col gap-2 bg-cv-light p-6 sm:p-8 md:p-12 dark:bg-cv-dark">
+      <div className="bg-cv-light dark:bg-cv-dark mb-24 flex flex-col gap-2 p-6 sm:p-8 md:p-12">
         <CvTimeline />
       </div>
     </>