From 2241472ee840d20c5bfb997f99119dd4d556221b Mon Sep 17 00:00:00 2001
From: Dimitar Danailov <dimityr.danailov@gmail.com>
Date: Sun, 19 Nov 2023 22:03:42 +0200
Subject: [PATCH] Homepage has improvements

---
 .../app/(home)/components/Accomplishments.tsx |  2 +-
 .../src/app/(home)/components/Experience.tsx  | 60 ++++++++++++++++---
 .../src/app/(home)/components/Skills.tsx      |  4 +-
 3 files changed, 54 insertions(+), 12 deletions(-)

diff --git a/apps/website/src/app/(home)/components/Accomplishments.tsx b/apps/website/src/app/(home)/components/Accomplishments.tsx
index b661a78..ac22b4d 100644
--- a/apps/website/src/app/(home)/components/Accomplishments.tsx
+++ b/apps/website/src/app/(home)/components/Accomplishments.tsx
@@ -6,7 +6,7 @@ import {listStyle} from './shared'
 const Accomplishments = () => {
   return (
     <>
-      <div>Accomplishments</div>
+      <div className="font-bold">Accomplishments</div>
       <ul className={listStyle}>
         <li>
           13+ years experience. My portfolio includes clients located: USA,
diff --git a/apps/website/src/app/(home)/components/Experience.tsx b/apps/website/src/app/(home)/components/Experience.tsx
index c278ba3..1bd2e7e 100644
--- a/apps/website/src/app/(home)/components/Experience.tsx
+++ b/apps/website/src/app/(home)/components/Experience.tsx
@@ -1,16 +1,32 @@
 'use client'
 
+import TargetBlankLink from '@/components/TargetBlankLink'
 import {listStyle} from './shared'
 
-const Experience = () => {
+const conttainerClassName = 'mx-2'
+
+const Contractor = () => {
   return (
-    <>
-      <div>Experience</div>
+    <div className={conttainerClassName}>
+      <section>Remote B2B Contractor (2018 - present)</section>
       <ul className={listStyle}>
-        <li>Contractor, Collinson group: August - present (Team size: 20+)</li>
         <li>
-          Blockchain Architect, Siemens Energy: March - June (2023) (Team size:
-          15+);
+          Full Stack Engineer,{' '}
+          <TargetBlankLink
+            title="Full Stack Engineer"
+            text="Collinson group"
+            href="https://www.collinsongroup.com/"
+          />
+          : August - present (Team size: 20+)
+        </li>
+        <li>
+          Blockchain Architect,{' '}
+          <TargetBlankLink
+            text="Siemens Energy"
+            title="Blockchain Architect"
+            href="https://www.siemens-energy.com/global/en/home.html"
+          />
+          : March - June (2023) (Team size: 15+);
         </li>
         <li>
           Fullstack JS DevOps Architect, The international red cross: 2022 -
@@ -24,13 +40,39 @@ const Experience = () => {
           Software Engineering Manager, Elephant stocks: Sep, 2021 - 2022; (Team
           size: 20+);
         </li>
+      </ul>
+    </div>
+  )
+}
+
+const OnSite = () => {
+  return (
+    <div className={conttainerClassName}>
+      <section>On site employment: 2010 - 2018</section>
+      <ul className={listStyle}>
+        <li>Technical Architect, LiveArea: 2018 - 2019; (Team size: 10+);</li>
         <li>
-          Full Stack Software Architect, Mentormate: 2015 - 2020; (Team size:
+          Full Stack Software Architect, Mentormate: 2015 - 2018; (Team size:
           100+);
         </li>
-        <li>CTO, Woollow Soft: 2014 - 2015; (Team size: 30+);</li>
-        <li>Developer and Team Leader: 2010 - 2014; (Team size: 20+);</li>
+        <li>
+          Wollow Soft:
+          <ul className={listStyle}>
+            <li>CTO, Woollow Soft: 2014 - 2015; (Team size: 30+);</li>
+            <li>Developer and Team Leader: 2010 - 2014; (Team size: 20+);</li>
+          </ul>
+        </li>
       </ul>
+    </div>
+  )
+}
+
+const Experience = () => {
+  return (
+    <>
+      <div className="font-bold">Experience</div>
+      <Contractor />
+      <OnSite />
     </>
   )
 }
diff --git a/apps/website/src/app/(home)/components/Skills.tsx b/apps/website/src/app/(home)/components/Skills.tsx
index 116b800..4c87821 100644
--- a/apps/website/src/app/(home)/components/Skills.tsx
+++ b/apps/website/src/app/(home)/components/Skills.tsx
@@ -7,13 +7,13 @@ import {listStyle} from './shared'
 const Skills: FC = () => {
   return (
     <>
-      <div>Skills</div>
+      <div className="font-bold">Skills</div>
       <ul className={listStyle}>
         <li>Nodejs: Express, Hapi, Nestsjs, etherjs, web3js</li>
         <li>Nextjs, Vercel, Redux, GraphQL;</li>
         <li>AWS, Azure, Google Cloud;</li>
         <li>
-          Blockchain: Solidity, Etherium, Algorane, Cosmos, Elrond, Polygon;
+          Blockchain: Solidity, Etherium, Algorand, Cosmos, Elrond, Polygon;
         </li>
         <li>
           Database Systems: PostgreSQL, MySQL, MSSQL, NoSQL, MongoDB,