diff --git a/.vscode/settings.json b/.vscode/settings.json index 86b891b..9f5b83b 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -3,6 +3,6 @@ "editor.formatOnSave": true, "eslint.alwaysShowStatus": true, "editor.codeActionsOnSave": { - "source.fixAll.eslint": true + "source.fixAll.eslint": "explicit" } } diff --git a/src/Constants/index.tsx b/src/Constants/index.tsx index 59c5188..6f1de94 100644 --- a/src/Constants/index.tsx +++ b/src/Constants/index.tsx @@ -19,9 +19,9 @@ export const navLinks: NavLinks[] = [ ]; export const roles: string[] = [ + 'Senior Sofware Engineer', + 'Senior React Developer', 'Full Stack Developer', 'Frontend Developer', - 'Backend Developer', - 'Javascript Developer', - 'React Developer' + 'Backend Developer' ]; diff --git a/src/Pages/AboutMe/AboutMe.module.scss b/src/Pages/AboutMe/AboutMe.module.scss index 0701848..085b045 100644 --- a/src/Pages/AboutMe/AboutMe.module.scss +++ b/src/Pages/AboutMe/AboutMe.module.scss @@ -32,11 +32,15 @@ align-items: center; width: 100%; gap: 1rem; + flex-wrap: wrap; &_logo { height: 5rem; width: 5rem; transition: all 200ms linear; + background-color: #fff; + border-radius: 10px; + padding: 0.5rem; &:hover { transform: scale(1.2); diff --git a/src/Pages/AboutMe/tools.ts b/src/Pages/AboutMe/tools.ts index 918cc82..deb4795 100644 --- a/src/Pages/AboutMe/tools.ts +++ b/src/Pages/AboutMe/tools.ts @@ -10,6 +10,18 @@ import vscode from 'assets/icons/vscode.svg'; import git from 'assets/icons/git-icon.svg'; import aws from 'assets/icons/aws-logo.svg'; import stripe from 'assets/icons/stripe.svg'; +import prisma from 'assets/icons/prisma.svg'; +import nextjs from 'assets/icons/nextjs.svg'; +import angular from 'assets/icons/angular.svg'; +import gitlab from 'assets/icons/gitlab.svg'; +import mysql from 'assets/icons/mysql.svg'; +import postgresql from 'assets/icons/postgresql.svg'; +import docker from 'assets/icons/docker.svg'; +import openai from 'assets/icons/openai.svg'; +import google from 'assets/icons/google.svg'; +import auth0 from 'assets/icons/auth0.svg'; +import mongodb from 'assets/icons/mongodb.svg'; +import vercel from 'assets/icons/vercel.svg'; export interface Tools { link: string; @@ -19,8 +31,6 @@ export interface Tools { } export const tools: Tools[] = [ - { link: 'https://html.com', src: html, alt: 'html5', title: 'HTML5' }, - { link: 'https://sass-lang.com', src: sass, alt: 'sass', title: 'Sass' }, { link: 'https://www.javascript.com', src: javascript, @@ -37,6 +47,16 @@ export const tools: Tools[] = [ }, { link: 'https://nodejs.org', src: nodejs, alt: 'nodejs', title: 'Nodejs' }, { link: 'https://reactjs.org', src: reactjs, alt: 'react', title: 'React' }, + { link: 'https://nextjs.org/', src: nextjs, alt: 'Nextjs', title: 'Nextjs' }, + { link: 'https://angular.io/', src: angular, alt: 'angular', title: 'angular' }, + { link: 'https://docker.com/', src: docker, alt: 'docker', title: 'docker' }, + { link: 'https://mongodb.com/', src: mongodb, alt: 'mongodb', title: 'mongodb' }, + { link: 'https://www.mysql.com/', src: mysql, alt: 'mysql', title: 'mysql' }, + { link: 'https://www.postgresql.org/', src: postgresql, alt: 'postgresql', title: 'postgresql' }, + { link: 'https://www.prisma.io/', src: prisma, alt: 'Prisma', title: 'Prisma' }, + { link: 'https://openai.com/', src: openai, alt: 'openai', title: 'openai' }, + { link: 'https://html.com', src: html, alt: 'html5', title: 'HTML5' }, + { link: 'https://sass-lang.com', src: sass, alt: 'sass', title: 'Sass' }, { link: 'https://redux.js.org', src: redux, alt: 'redux', title: 'Redux' }, { link: 'https://webpack.js.org', @@ -46,11 +66,26 @@ export const tools: Tools[] = [ }, { link: 'https://code.visualstudio.com', src: vscode, alt: 'vscode', title: 'VsCode' }, { link: 'https://git-scm.com', src: git, alt: 'git', title: 'Git' }, - { link: 'https://aws.amazon.com', src: aws, alt: 'git', title: 'Git' }, + { link: 'https://about.gitlab.com/', src: gitlab, alt: 'gitlab', title: 'gitlab' }, + { link: 'https://aws.amazon.com', src: aws, alt: 'aws', title: 'aws' }, { link: 'https://stripe.com', src: stripe, alt: 'stripe', title: 'Stripe' - } + }, + { + link: 'https://www.goshippo.com/', + src: 'https://assets-global.website-files.com/6462967bbf70fa5b5b227351/64aeae2b3606461bdc652c3c_icon-256x256.png', + alt: 'goshippo', + title: 'goshippo' + }, + { link: 'https://www.google.com/', src: google, alt: 'google', title: 'google' }, + { + link: 'https://www.vercel.com/', + src: vercel, + alt: 'vercel', + title: 'vercel' + }, + { link: 'https://www.auth0.com/', src: auth0, alt: 'auth0', title: 'auth0' } ]; diff --git a/src/assets/icons/angular.svg b/src/assets/icons/angular.svg new file mode 100644 index 0000000..468c4ba --- /dev/null +++ b/src/assets/icons/angular.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/auth0.svg b/src/assets/icons/auth0.svg new file mode 100644 index 0000000..9bf4479 --- /dev/null +++ b/src/assets/icons/auth0.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/docker.svg b/src/assets/icons/docker.svg new file mode 100644 index 0000000..2e59ee7 --- /dev/null +++ b/src/assets/icons/docker.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/gitlab.svg b/src/assets/icons/gitlab.svg new file mode 100644 index 0000000..ab63afd --- /dev/null +++ b/src/assets/icons/gitlab.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/google.svg b/src/assets/icons/google.svg new file mode 100644 index 0000000..519fe65 --- /dev/null +++ b/src/assets/icons/google.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/mongodb.svg b/src/assets/icons/mongodb.svg new file mode 100644 index 0000000..764ccf5 --- /dev/null +++ b/src/assets/icons/mongodb.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/mysql.svg b/src/assets/icons/mysql.svg new file mode 100644 index 0000000..8611de9 --- /dev/null +++ b/src/assets/icons/mysql.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/openai.svg b/src/assets/icons/openai.svg new file mode 100644 index 0000000..de2b580 --- /dev/null +++ b/src/assets/icons/openai.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/postgresql.svg b/src/assets/icons/postgresql.svg new file mode 100644 index 0000000..4a770c1 --- /dev/null +++ b/src/assets/icons/postgresql.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/prisma.svg b/src/assets/icons/prisma.svg new file mode 100644 index 0000000..03232db --- /dev/null +++ b/src/assets/icons/prisma.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/vercel.svg b/src/assets/icons/vercel.svg new file mode 100644 index 0000000..6637ee4 --- /dev/null +++ b/src/assets/icons/vercel.svg @@ -0,0 +1 @@ + \ No newline at end of file