Update colors, layout, text

adamplesnik · Oct 1, 2024 · c6b845c · c6b845c
1 parent d296486
commit c6b845c
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Adam Plesník, design engineer</title>
   </head>
-  <body class="bg-slate-100 bg-gradient-to-bl text-zinc-500">
+  <body class="bg-slate-100 bg-gradient-to-bl text-zinc-600">
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

diff --git a/src/components/Em.tsx b/src/components/Em.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react'
 
 const Em = ({ children }: PropsWithChildren<EmProps>) => {
-  return <span className="font-medium">{children}</span>
+  return <span className="font-medium text-zinc-800">{children}</span>
 }
 
 export interface EmProps {

diff --git a/src/components/Link.tsx b/src/components/Link.tsx
@@ -5,7 +5,7 @@ const Link = ({ href, children, target = '_blank' }: PropsWithChildren<LinkProps
     <a
       href={href}
       target={target}
-      className="flex items-center text-zinc-500 underline decoration-zinc-400 hover:text-zinc-900 hover:decoration-zinc-800 print:text-zinc-700"
+      className="flex items-center text-zinc-700 underline decoration-zinc-600 hover:text-black hover:decoration-zinc-800"
     >
       {children}
     </a>

diff --git a/src/content/Cv.tsx b/src/content/Cv.tsx
@@ -1,5 +1,4 @@
 import Tile from '@/components/Tile'
-import FlowerAnim from '../components/FlowerAnim'
 import Paragraph from '../components/Paragraph'
 
 const MyAge = () => {
@@ -12,14 +11,9 @@ const MyAge = () => {
 const Cv = () => {
   return (
     <Tile title="About me">
-      <div className="flex items-center gap-2">
-        <div className="order-last sm:order-none">
-          <Paragraph>
-            Married, <MyAge /> years old, father of two girls.
-          </Paragraph>
-        </div>
-        <FlowerAnim />
-      </div>
+      <Paragraph>
+        Married, <MyAge /> years old, father of two girls.
+      </Paragraph>
       <Paragraph>
         Spending quality time with my family is my number one priority, preferably while mountain
         biking, traveling or both. I also take lot of pictures and I love to read.

diff --git a/src/content/Skills.tsx b/src/content/Skills.tsx
@@ -1,22 +1,15 @@
+import Em from '@/components/Em'
 import Tile from '@/components/Tile'
-import Em from '../components/Em'
 import Paragraph from '../components/Paragraph'
 
 const Skills = () => {
   return (
     <Tile>
+      <Paragraph>Design engineer, Bratislava, Slovakia</Paragraph>
       <Paragraph>
-        I love creating, polishing and improving user interfaces in Figma and React, with focus on
-        Tailwind CSS, refactoring and building reusable components.
-      </Paragraph>
-      <Paragraph>
-        I specialize in <Em>nicer parts of the front end universe</Em>. I write CSS and front end
-        components for React. My experience ranges from implementing Figma-based prototypes from
-        scratch to refactoring huge projects.
-      </Paragraph>
-      <Paragraph>
-        I have a <Em>passion for atomic components with atomic CSS</Em>, clean and meaningful UIs,
-        refactoring.
+        I create, polish, and improve user interfaces by clicking in <Em>Figma</Em> and coding in{' '}
+        <Em>React</Em>. I have a passion for atomic components with <Em>Tailwind CSS</Em>, clean and
+        meaningful UIs, and refactoring.
       </Paragraph>
     </Tile>
   )

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -17,7 +17,7 @@ const Home = () => {
       <Page>
         <Skills />
         <Cv />
-        <div className="flex flex-col md:flex-row md:gap-16">
+        <div className="flex flex-col md:flex-row md:gap-24">
           <LoveToDo />
           <div>
             <Work />