diff --git a/.github/workflows/deploy_gh_page.yaml b/.github/workflows/deploy_gh_page.yaml index 879c7c0..58c704c 100644 --- a/.github/workflows/deploy_gh_page.yaml +++ b/.github/workflows/deploy_gh_page.yaml @@ -29,8 +29,6 @@ jobs: - name: Build portfolio working-directory: ./portfolio run: npm run build - env: - CI: false # - name: Deploy diff --git a/portfolio/src/Components/Footer/Footer.css b/portfolio/src/Components/Footer/Footer.css index a76fabb..37fc4cb 100644 --- a/portfolio/src/Components/Footer/Footer.css +++ b/portfolio/src/Components/Footer/Footer.css @@ -1,5 +1,5 @@ .footer{ - height: 3rem; + height: 2rem; width: 100vw; display: flex; align-items: center; @@ -11,7 +11,6 @@ background-color: rgb(40, 40, 40); text-align: center; border-top: 1px solid rgb(60, 60, 60); - padding-left: 1rem; - padding-right: 1rem; + padding: 1.5vmax; } diff --git a/portfolio/src/Components/Navbar/Navbar.css b/portfolio/src/Components/Navbar/Navbar.css index 3878024..9b45623 100644 --- a/portfolio/src/Components/Navbar/Navbar.css +++ b/portfolio/src/Components/Navbar/Navbar.css @@ -84,7 +84,7 @@ flex-direction: column; border-radius: 1rem; justify-content: center; - border: solid 1px rgb(60, 60, 60); + border: solid 1px cornflowerblue; padding: 5px; text-align: center; background-color: rgb(40, 40, 40); @@ -98,7 +98,7 @@ height: 0; width: 0; border: 10px solid transparent; - border-bottom-color: rgb(60, 60, 60); + border-bottom-color: cornflowerblue; position: absolute; top: -1.3rem; right: 0.8rem; diff --git a/portfolio/src/Pages/About.css b/portfolio/src/Pages/About.css index 026069b..eabf815 100644 --- a/portfolio/src/Pages/About.css +++ b/portfolio/src/Pages/About.css @@ -4,8 +4,6 @@ display: flex; justify-content: center; padding: 1vmax; - - } .aboutMidDiv { @@ -16,17 +14,17 @@ } .aboutTitleText { - font-size: 3vmax; + font-size: 2.5vmax; font-weight: 400; - margin-bottom: 1rem; + margin-bottom: 1vmax; margin-top: 1rem; - border-bottom: 1px cornflowerblue solid; + border-bottom: 0.1vmax cornflowerblue solid; padding-bottom: 4px; } .aboutLinkText { color: cornflowerblue; - font-size: 2vmax; + font-size: 1.5vmax; font-weight: 400; } @@ -39,23 +37,25 @@ display: flex; flex-direction: column; justify-content: center; + margin: 1vmax; } .aboutThinText { - font-size: 1.8vmax; + font-size: 1.5vmax; font-weight: 100; color: rgb(200, 200, 200); } .aboutBoldText { - font-size: 2vmax; + font-size: 1.7vmax; font-weight: 600; - color: rgb(210, 210, 210); + color: rgb(220, 220, 220); } .aboutPortraitPhoto { width: 50%; - margin-right: 2vmax; + max-width: 40%; + margin: 1vmax; } \ No newline at end of file diff --git a/portfolio/src/Pages/Home.css b/portfolio/src/Pages/Home.css index 05a2d51..f0169ec 100644 --- a/portfolio/src/Pages/Home.css +++ b/portfolio/src/Pages/Home.css @@ -43,22 +43,9 @@ .homeLinksDiv { - display: flex; - flex-direction: column; - width: 100%; - justify-content: space-between; - margin: 3rem auto; padding-bottom: 3rem; - border-bottom: 0px solid rgb(100, 100, 100); } -.homeLink{ - display: flex; - justify-content: space-between; - overflow-x: hidden; - - -} .homeLinkTextDivLeft{ width: 50%; diff --git a/portfolio/src/Pages/Home.js b/portfolio/src/Pages/Home.js index 97f8038..cae57f2 100644 --- a/portfolio/src/Pages/Home.js +++ b/portfolio/src/Pages/Home.js @@ -2,6 +2,7 @@ import Footer from "../Components/Footer/Footer"; import Navbar from "../Components/Navbar/Navbar"; import ScrollToTop from "../Components/scrollToTop"; import "./Home.css" +import "./Projects.css" import myPhoto from "../Assets/placeholder_portrait.png" import pongSquare from "../Assets/pong_square_size.jpg" import renderPhoto from "../Assets/TT-SU2_700_samples_transparen_background.png" @@ -17,18 +18,15 @@ const Home = () => {
-
-
- Hello, I'm - Łukasz Spychała - Software Developer - Click here to learn - more about me. +
+ My Portrait +
+ My name is Łukasz Spychała. + I'm aspiring software developer + you can click here + to learn more About Me
-
- myPhoto -