From 34f2c035098ead3c73d5e6a3b7f91550a2f76be1 Mon Sep 17 00:00:00 2001 From: Tben <52448020+BenjaminToby@users.noreply.github.com> Date: Fri, 11 Mar 2022 12:14:44 +0100 Subject: [PATCH] updates --- pages/about.jsx | 101 +++++++++++++++++++++++++++++++++++++++++++++ pages/index.jsx | 4 +- styles/main.css | 10 ++++- styles/tw_main.css | 38 +++++++++++++++++ 4 files changed, 149 insertions(+), 4 deletions(-) diff --git a/pages/about.jsx b/pages/about.jsx index 9e16f39..c5fcff1 100644 --- a/pages/about.jsx +++ b/pages/about.jsx @@ -19,6 +19,107 @@ const about = () => { + +
+ +

+ + +

+ +
See my resume Linkedin diff --git a/pages/index.jsx b/pages/index.jsx index 467eda8..4d67871 100644 --- a/pages/index.jsx +++ b/pages/index.jsx @@ -12,11 +12,11 @@ const index = () => { Benjamin Toby - +

- +
See my resume diff --git a/styles/main.css b/styles/main.css index cd3ae2f..6b030e9 100644 --- a/styles/main.css +++ b/styles/main.css @@ -23,8 +23,8 @@ html { --sec-color-3: #688e26; --sec-color-4: #adb2d3; --sec-color-5: #c2a878; - --light-color-1: #ddd; - --test-color: rgb(224, 64, 64); + --light-color-1: rgb(64, 37, 216); + --test-color: rgb(113, 116, 255); --transparent-white: rgba(255, 255, 255, 0.2); } @@ -81,6 +81,7 @@ header { h1 { font-size: 52px; margin-top: 0; + margin-bottom: 10px; } /* ################################################# -- Sliders */ @@ -315,6 +316,11 @@ textarea { background-color: var(--dark-color); } +.tech-stack-header { + color: rgb(113, 116, 255); + margin-bottom: 3px; +} + /* ############################################################################################### ################################################################################################## ################################################################################################## diff --git a/styles/tw_main.css b/styles/tw_main.css index 009f94c..35f2ba9 100644 --- a/styles/tw_main.css +++ b/styles/tw_main.css @@ -79,6 +79,14 @@ z-index: -10 } +.mb-0 { + margin-bottom: 0px +} + +.mb-1 { + margin-bottom: 0.25rem +} + .block { display: block } @@ -99,6 +107,18 @@ height: 100% } +.h-8 { + height: 2rem +} + +.h-4 { + height: 1rem +} + +.h-6 { + height: 1.5rem +} + .w-10 { width: 2.5rem } @@ -124,3 +144,21 @@ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) } + +.text-slate-600 { + --tw-text-opacity: 1; + color: rgb(71 85 105 / var(--tw-text-opacity)) +} + +.text-blue-600 { + --tw-text-opacity: 1; + color: rgb(37 99 235 / var(--tw-text-opacity)) +} + +.opacity-25 { + opacity: 0.25 +} + +.opacity-50 { + opacity: 0.5 +}