From 0fc1f06576775a869c0e6c8229f49b46076a9c8f Mon Sep 17 00:00:00 2001 From: David Date: Tue, 18 Apr 2023 13:43:12 +0100 Subject: [PATCH] add skills section --- app/components/About.tsx | 65 ++++++------ app/components/Hero.tsx | 4 +- app/components/Nav.tsx | 33 +++--- app/components/Skills.tsx | 154 ++++++++++++++++++++++++++++ app/components/WorkingNav.tsx | 184 ---------------------------------- app/globals.css | 7 +- app/page.tsx | 2 + public/api.svg | 54 ++++++++++ public/css3.svg | 1 + public/database.svg | 62 ++++++++++++ public/git.svg | 1 + public/golang.svg | 1 + public/html5.svg | 1 + public/javascript.svg | 1 + public/nextjs.svg | 8 ++ public/nodejs.svg | 1 + public/react.svg | 1 + public/tailwind.svg | 1 + public/typescript.svg | 1 + 19 files changed, 336 insertions(+), 246 deletions(-) create mode 100644 app/components/Skills.tsx delete mode 100644 app/components/WorkingNav.tsx create mode 100644 public/api.svg create mode 100644 public/css3.svg create mode 100644 public/database.svg create mode 100644 public/git.svg create mode 100644 public/golang.svg create mode 100644 public/html5.svg create mode 100644 public/javascript.svg create mode 100644 public/nextjs.svg create mode 100644 public/nodejs.svg create mode 100644 public/react.svg create mode 100644 public/tailwind.svg create mode 100644 public/typescript.svg diff --git a/app/components/About.tsx b/app/components/About.tsx index 07093da..7884fbc 100644 --- a/app/components/About.tsx +++ b/app/components/About.tsx @@ -4,47 +4,46 @@ import photo from '../../public/David.jpg' export default function About() { return (
-
-
-
- - 01. +
+
+
+ + 01. -

+

About Me

- - +
-

+

Hello! My name is David Bazashvili and I'm all about crafting unique - web products that leave a lasting impression. My interest in computers - began at a tender age of 12, and I was instantly hooked. The sheer - power of this tool to create, learn, entertain and connect with others - was too good to resist. + web products that leave a lasting impression. My interest in + computers began at a tender age of 12, and I was instantly hooked. + The sheer power of this tool to create, learn, entertain and connect + with others was too good to resist.

-

- Despite spending countless hours on my computer, I never imagined that I would become a programmer. It wasn't until a couple of years ago when I decided to take the plunge and learn HTML and CSS that my interest in programming truly began to blossom. +

+ Despite spending countless hours on my computer, I never imagined + that I would become a programmer. It wasn't until a couple of years + ago when I decided to take the plunge and learn HTML and CSS that my + interest in programming truly began to blossom.

-

- Fast forward to 2023, and I've come a long way since those - early days. I now have experience building full-stack applications - using cutting-edge technologies like React, Node.js, and APIs. Along - the way, I've had the opportunity to work for a prestigious jewellery +

+ Fast forward to 2023, and I've come a long way since those early + days. I now have experience building full-stack applications using + cutting-edge technologies like React, Node.js, and APIs. Along the + way, I've had the opportunity to work for a prestigious jewellery brand based in Hatton Garden.

-

- But my journey doesn't end here. My passion for learning and keeping up with the latest technologies drives me to continue to improve my skills. After all, the world of programming is constantly evolving, and I'm excited to see where this journey takes me next. +

+ But my journey doesn't end here. My passion for learning and keeping + up with the latest technologies drives me to continue to improve my + skills. After all, the world of programming is constantly evolving, + and I'm excited to see where this journey takes me next.

{/*

If you're interested in learning more about the technologies I've been @@ -71,12 +70,8 @@ export default function About() {

-
- David's photo +
+ David's photo
diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx index 3c688b9..e9ee134 100644 --- a/app/components/Hero.tsx +++ b/app/components/Hero.tsx @@ -2,7 +2,7 @@ import Link from 'next/link' export default function Hero() { return ( -
+

Hi, my name is

@@ -13,7 +13,7 @@ export default function Hero() { I build things for the web.

-

+

I'm a software engineer specialising in Front End development with extensive knowledge of the Back End. Currently, I'm looking for new opportunities, and I'd be glad to bring my expertise to your business. diff --git a/app/components/Nav.tsx b/app/components/Nav.tsx index cf894b6..f4d7977 100644 --- a/app/components/Nav.tsx +++ b/app/components/Nav.tsx @@ -19,11 +19,8 @@ export default function Nav() { document.querySelector('.x-1')?.classList.add('close-x-1') document.querySelector('.x-2')?.classList.add('close-x-2') document.querySelector('.x-3')?.classList.add('close-x-3') - // document.querySelector('.menu')?.classList.add('show-menu') document.querySelector('.menu')?.classList.remove('move-menu-off') document.querySelector('.menu')?.classList.add('move-menu-on') - // setTimeout(() => { - // }, 1) } else { document.querySelector('body')?.classList.remove('disable-scroll') document.querySelector('.x-1')?.classList.remove('close-x-1') @@ -31,9 +28,6 @@ export default function Nav() { document.querySelector('.x-3')?.classList.remove('close-x-3') document.querySelector('.menu')?.classList.remove('move-menu-on') document.querySelector('.menu')?.classList.add('move-menu-off') - // setTimeout(() => { - // document.querySelector('.menu')?.classList.remove('show-menu') - // }, 310) } } @@ -42,13 +36,13 @@ export default function Nav() {

davbaz
-
    +
    • Resume @@ -109,22 +103,15 @@ export default function Nav() {
      - - - - - - + + +
-