fix

dreamz12345 · Jun 17, 2024 · d564642 · d564642
1 parent 5975de7
commit d564642
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 40 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;
 }
diff --git 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
@@ -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 = () => {
 
                     <div className="homeLinksDiv">
                         <NavLink to={"/about"} className="homeLink">
-                            <div className="projectsLinkTextDivLeft">
-                                <div className="helloText">
-                                    <span className="softDev">Hello, I'm</span>
-                                    <span className="myName">Łukasz Spychała</span>
-                                    <span className="helloIm">Software Developer</span>
-                                    <span className="softDev">Click here to learn </span>
-                                    <span className="softDev">more about me.</span>
+                        <div className="aboutTopDiv">
+                            <img className="aboutPortraitPhoto" alt="My Portrait" src={myPhoto}></img>
+                                <div className="aboutTopText">
+                                    <span className="aboutThinText">My name is <span className="aboutBoldText">Łukasz Spychała.</span></span>
+                                    <span className="aboutThinText">I'm aspiring <span className="aboutBoldText">software developer</span></span>
+                                    <span className="aboutThinText">you can <span className="aboutBoldText">click here</span></span>
+                                    <span className="aboutThinText">to learn more <span className="aboutBoldText">About Me</span></span>
                                 </div>
                             </div>
-                            <div className="homePhotoDivLeft">
-                                <img src={myPhoto} alt="myPhoto" className="portraitPhoto"></img>
-                            </div>
                         </NavLink>
                     </div>