update

John220099 · John220099 · commit 3c008cf065c7 · 2025-10-05T20:06:45.000+02:00
diff --git a/Styles.css b/Styles.css
@@ -1,5 +1,5 @@
 body {
-    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    font-family: "ZalandoSansExpanded";
     line-height: 1.6;
     color: hsl(210, 9%, 22%);
     padding: 10%;
@@ -13,12 +13,21 @@ nav {
     border-bottom: 1.5px solid hsl(0, 0%, 0%);
 }
 
+@font-face { font-family: ZalandoSansExpanded;
+    src: url('assets/ZalandoSansExpanded-Light.ttf'); 
+}
+
+aside {
+    background-color: rgba(0, 0, 0, 0.411);
+    text-align: left;
+}
+
 p {
-    color: hsl(210, 9%, 22%);
+    color: hsl(240, 5%, 18%);
 }    
 
 p a {
-    color: hsl(210, 9%, 22%);
+    color: hsl(240, 5%, 18%);
 }  
 
 a img {
@@ -36,16 +45,11 @@ ul li a {
 }
 
 ul li a:hover {
-    color: #474747;
-}
-
-ul li a:hover:before {
-    content: ">  ";
+    color: hsl(240, 5%, 18%);
 }
 
-/*classes*/
 .code p img {
-    border: 4px solid hsl(244, 12%, 27%);
+    border: 4px solid hsl(240, 5%, 18%);
     border-radius: 20px;
 }
 
diff --git a/assets/ZalandoSansExpanded-Light.ttf b/assets/ZalandoSansExpanded-Light.ttf
diff --git a/index.html b/index.html
@@ -1,36 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
-  <!--text stuff-->
    <meta charset="UTF-8">
-   
-   <!--sync webpage size to device screen-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-   
-   <!--keywords for search-->
-   <meta name="keywords" content="john220099, john2009, john2009_, Anti revoke + blacklist, JHACK">
-   
-   <!--website description-->
+   <meta name="keywords" content="john220099, john2009, john2009_, John220099, John2009, JHACK">
    <meta name="description" content="portfolio or an about me website made by john220099">
-   
-   <!--the authors name-->
    <meta name="author" content="john220099">
-   
-   <!--search tags-->
    <meta itemprop="name" content="john220099">
    <meta itemprop="description" content="john220099's portfolio">
-   
-   <!--displays websites title-->
    <title>john220099's stuff</title>
-   
-   <!--style-->
    <link rel="stylesheet" href="Styles.css">
-
-   <!--script-->
    <script src="script.js"></script>
-   
-	<!--website icon--> 
 	<link rel="icon" type="image/png" href="assets/favicon.png">
 </head>
   <body>
@@ -43,7 +23,7 @@ <h2>about me</h2>
             <p>Hi, I’m @John220099 👋🏻</p>
             <p>i make/code stuff🛠️</p> 
             <p>I’m currently learning python, java, kotlin and html 📒</p>
-            <div class="code"><p><img align="center" src="https://github-readme-stats.vercel.app/api/top-langs?username=john220099&show_icons=true&locale=en&layout=compact" alt="john220099" /></p></div>          
+            <div class="code"><p><img src="https://github-readme-stats.vercel.app/api/top-langs?username=john220099&show_icons=true&locale=en&layout=compact" alt="john220099" /></p></div>          
           <h2>socials📱</h2>
           <div class="github">
             <a href="https://github.com/John220099" target="_blank" title="Will Redirect you to my github profile.">
