i rise from the ashes

julesiet · Mar 20, 2024 · a9ca6f2 · a9ca6f2
1 parent 4c2a2ed
commit a9ca6f2
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 30 deletions.
diff --git a/index.html b/index.html
@@ -6,26 +6,26 @@
     <title>jules' page!</title> <!-- favicon title -->
     <link rel="icon" type="image/x-icon" href="static/favicon.png"> <!-- favicon -->
     <link href="style.css" rel="stylesheet"> <!-- css file linked -->
-    <link href='https://fonts.googleapis.com/css?family=DM Sans' rel='stylesheet'> <!-- dm sans import -->
+    <link href='https://fonts.googleapis.com/css2?family=Proxima+Nova' rel='stylesheet'> <!-- font import (it's changing) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <!-- icon import :') (this is so confusing)-->
 </head>
 
 <body>
     <div class="card">
         <div class="card-image">
-            <img src="static/avatar.png" alt="jules profile picture">
+            <!-- <img src="static/avatar.png" alt="jules profile picture"> -->
         </div>
         <div class="card-content">
-            <h2 class="card-title">Jules-Elvin Andrade (julesiet)</h2>
+            <h2 class="card-title">jules!</h2>
             <div class="card-text">
                 <p>hey there, it's nice to meet you! :]</p>
                 <p>my name is jules, and i'm an avid computer science student learning how to become a half stack web developer in hopes that one day i'll be to make a job and live of it. in my free time, i enjoy listening to my indecisive music choices, wasting time on mechanical keyboards, and making videos for the people that i love!</p>
-                <p>thank you for visiting, i appreciate you being here. i hope you enjoy your stay, come say hi! :D &lt;3</p>
+                <p>thank you for visiting, i appreciate you being here. enjoy your stay, or come say hi! :D &lt;3</p>
             </div>
             <div class="card-buttons">
                 <a href="mailto:juleselvandrade@gmail.com" class="btn"><i class="fa fa-envelope icon-large"></i></a>
-                <a href="https://github.com/realjulesiet" class="btn"><i class="fa fa-github icon-large"></i></a>
+                <a href="https://github.com/julesiet" class="btn"><i class="fa fa-github icon-large"></i></a>
                 <a href="https://www.instagram.com/juleselv.andrade/" class="btn"><i class="fa fa-instagram icon-large"></i></a>
                 <a href="https://monkeytype.com/profile/smeme" class="btn"><i class="fa fa-keyboard-o icon-large"></i></a>
             </div>

diff --git a/style.css b/style.css
@@ -1,11 +1,12 @@
 * {
     /* this affects every single element */
-    font-family: 'DM Sans';
+    font-family: 'Proxima Nova';
+    font-weight: bold;
     color: #FAF9F6;
 }
 
 body {
-    background: #272838;
+    background: #22232F;
 }
 
 .card {
@@ -14,38 +15,24 @@ body {
     border: 5px solid #b2aec1;
     border-radius: 5px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-    background: linear-gradient(-45deg, #bbe5ed, #bfbccb);
+    background: #b2aec1;
     animation: gradient 15s ease infinite;
 }
 
-@keyframes gradient {
-
-    /* the worst gradient in the world :sob: */
-    0% {
-        background-position: 0% 50%;
-    }
-
-    50% {
-        background-position: 100% 50%;
-    }
-
-    100% {
-        background-position: 0% 50%;
-    }
-}
-
+/* 
 .card-image {
     display: flex;
-    min-width: 200px;
+    min-width: 100px;
     align-items: center;
     justify-content: center;
 }
 
 .card-image img {
     width: 100%;
     border-radius: 1rem;
-    max-width: 400px;
+    max-width: 300px;
 }
+*/
 
 .card-content {
     display: flex;
@@ -79,8 +66,8 @@ body {
 }
 
 .btn {
-    background-color: #4EBAD0;
-    border-color: #4EBAD0;
+    background-color: #333447;
+    border-color: #333447;
     color: #fff;
     padding: 10px 20px;
     font-size: 16px;
@@ -90,8 +77,8 @@ body {
 }
 
 .btn:hover {
-    background-color: #2F9CB1;
-    border-color: #2F9CB1;
+    background-color: #565776;
+    border-color: #565776;
     color: #fff;
     text-decoration: none;
 }