add black border to profile img

JackSuuu · Nov 14, 2024 · 050b0d7 · 050b0d7
1 parent d0fc4e0
commit 050b0d7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/portfolio-beta/dist/about_me.html b/portfolio-beta/dist/about_me.html
@@ -58,7 +58,7 @@
         font-family: 'TheFont';
         /* The 'clamp()' function sets a flexible font size that will never go below a minimum value and never above a maximum value. The middle value is preferred, but it will shrink or grow based on the viewport dimensions. */
         /* Adjusts font size based on content width and viewport height */
-        font-size: clamp(10vw, 13vw, 40vh);
+        font-size: clamp(10vw, 15vw, 40vh);
         /* Change this to set the text color */
         color: rgb(0, 0, 0);
         /* Center text horizontally */

diff --git a/portfolio-beta/dist/style.css b/portfolio-beta/dist/style.css
@@ -185,6 +185,7 @@ section .section-content {
   background: var(--c0);
   border-radius: 0.7rem;
   transition: background 0.6s cubic-bezier(0.86, 0, 0.07, 1);
+  transition: all 0.3s ease-in-out;
 }
 
 @media (max-width: 500px) {
@@ -196,6 +197,7 @@ section .section-content {
     padding: 0rem;
     margin: 0;
     transition: background 0.6s cubic-bezier(0.86, 0, 0.07, 1);
+    transition: all 0.3s ease-in-out;
   }
 }
 
@@ -705,7 +707,8 @@ a {
 }
 
 .contact-card {
-  color: #f4f4f4;
+  transition: all 0.3s ease-in-out;
+  color: var(--c0);
   position: absolute;
   z-index: 10;
   top: 50%;
@@ -729,8 +732,8 @@ a {
     left: 0;
     width: 100%;
     height: 2px;
-    background: rgb(255,255,255);
-    background: linear-gradient(90deg, rgba(180, 180, 180, 0.501) 0%, rgb(212, 212, 212) 34%, rgba(255,255,255,1) 89%, rgba(185, 185, 185, 0.424) 100%);
+    background: var(--c0);
+    /* background: linear-gradient(90deg, rgba(180, 180, 180, 0.501) 0%, rgb(212, 212, 212) 34%, rgba(255,255,255,1) 89%, rgba(185, 185, 185, 0.424) 100%); */
     opacity: 0.5;
     filter: blur(.5px);
     mix-blend-mode: hard-light;
@@ -768,6 +771,7 @@ a {
 h1 {
   font-size: 3rem;
   margin-bottom: 16px;
+  transition: all 0.3s ease-in-out;
 }
 
 p {
@@ -985,12 +989,13 @@ svg text {
 
 
 .profile-image {
-  border: 2px solid white;
+  border: 5px solid black;
   max-width: 450px;
   filter: grayscale(100%);
   position: absolute;
   left: 240px;
   top: 100px;
+  transition: all 0.3s ease-in-out;
 }
 
 .right-content {
@@ -1101,7 +1106,7 @@ article {
 /* Container for the icon list */
 .icon-list {
   position: absolute;
-  right: 185px;
+  right: 230px;
   top: 150px;
   width: 100%;
   display: flex;