Updated some SVGs

index.html

@@ -10,7 +10,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
-    <link rel="icon" href="static/img/Icons/A2.png" type="image/png">
+    <link rel="icon" href="static/img/Icons/A2.svg" type="image/svg">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
     <script src="static/js/script.js"></script>
@@ -23,7 +23,7 @@
     <nav class="topnav navbar glassy sticky-top">
         <!-- Site's Sections -->
         <div class="form-row flex-row justify-content-start ml-2">
-            <a href="javascript:scrollToTop();"><img src="static/img/Icons/A2.png" height="65" class="ml-1"></a>
+            <a href="javascript:scrollToTop();"><img src="static/img/Icons/A2.svg" height="65" class="ml-1"></a>
             <img src="static/img/Icons/Vspacer.svg" class="ml-4 mt-1" height="50">
             <p class="mt-3 ml-4"> <a href="javascript:scrollToId('projects');" class="navLabel"> Projects </a> </p>
             <img src="static/img/Icons/Vspacer.svg" class="ml-4 mt-1" height="50">
@@ -43,7 +43,7 @@
         <!-- Logo -->
         <div class="form-row flex-row justify-content-start ml-2">
             <a href="javascript:scrollToTop();">
-                <img src="static/img/Icons/A2.png" height="65" class="ml-1">
+                <img src="static/img/Icons/A2.svg" height="65" class="ml-1">
             </a>
         </div>
         <!-- Site's Sections -->
@@ -149,7 +149,7 @@
         <!-- Codifyer -->
         <div class="row ml-5 mb-5 mt-1">
             <div>
-                <img class="projectImage mr-3 mt-2" src="static/img/Logos/Codifyer.webp" alt="Codifyer Mobile App Logo" height="120">
+                <img class="projectImage mr-3 mt-2" src="static/img/Logos/Codifyer.svg" alt="Codifyer Mobile App Logo" height="120">
             </div>
             <div class="column">
                 <!-- Title and open button -->
@@ -188,7 +188,7 @@
         <!-- Free GPT4 Web API -->
         <div class="row ml-5 mb-5 mt-1">
             <div>
-                <img class="projectImage mr-3 mt-2" src="static/img/Logos/ai_cloud_(vectorsmarket15).png" alt="ListeNet Script Logo" height="120">
+                <img class="projectImage mr-3 mt-2" src="static/img/Logos/ai_cloud_(vectorsmarket15).svg" alt="ListeNet Script Logo" height="120">
             </div>
             <div class="column">
                 <!-- Title and open button -->
@@ -231,7 +231,7 @@
         <!-- Bruto2 -->
         <div class="row ml-5 mb-5 mt-1">
             <div>
-                <img class="projectImage mr-3 mt-2" src="static/img/Logos/Bruto2.png" alt="Bruto2 Script Logo" height="120">
+                <img class="projectImage mr-3 mt-2" src="static/img/Logos/Bruto2.svg" alt="Bruto2 Script Logo" height="120">
             </div>
             <div class="column">
                 <!-- Title and open button -->
@@ -303,7 +303,7 @@
         <!-- miniWikipedia -->
         <div class="row ml-5 mb-5 mt-1">
             <div>
-                <img class="projectImage mr-3 mt-2" src="static/img/Logos/miniWikipedia_freepik.png" alt="ListeNet Script Logo" height="120">
+                <img class="projectImage mr-3 mt-2" src="static/img/Logos/miniWikipedia_freepik.svg" alt="ListeNet Script Logo" height="120">
             </div>
             <div class="column">
                 <!-- Title and open button -->
@@ -391,7 +391,7 @@
                     <p class="projectsLabel ml-3"> 
                         UnderKey
                         <a href="https://doc-0c-4c-docs.googleusercontent.com/docs/securesc/g0npsk16jsam0pg3tnvrafn7lhogs35k/mthp19o9r5a7nn87hjv4jl5h1m2kqc6c/1645516575000/15211874011363485354/15211874011363485354/1Sin-lXdQyIeAFTBmDRqJTwQHgRzX_RLj?e=download&ax=ACxEAsZzV92JBE8jPbGbdNkGQYAfC15wkZ_UOPHlvdxS5-IqF5h5sKYh8TnGQO_OkaDLvVahZXE0lLbholIJL5L9LUh_VrnzUH4aPv1sfhSY-V1oKL6hhULEYt2E_qga0ytsYtqpnXv8p71q201zoUyvQycYlLHyMFcJ9PeXm6dk4Edwv9qstRHiLOFTuAkmQPyu5kQ5fsr7C_rEYfuxsU_srwgHIy5bETB48eTIpSley9feVugPVmmK8zHmfxSgIv8n3yMl2KKj99Yzbercs-1MXLvq8VmjXVFvhlT4_2xVLITsg_nadSdFFTZ_a7D8gQAm82tTsQIOFo3HSZPTGw4LLdM87YOgG_QO3yiDvUcoaw11f8iLnzRRkd-WaUn3HhcOxUcboR40vjmeyQ7Zej4RAz0iu2eN_FMmZ6uTrC5BzrB8hUnrf1qcK7Wa1FPXYGnpmvEeeNqH9ITShhLh3mQ2slK-bUxTNfLKkmk-Jmqm_Tf4_XO-awrXqy0yquE7C5S8tF1cAxsPN4FFBig69b_mi1BkgPpZ3EVoul0mGApFtXo52MF0ED2BnN0xNkgBxT3_WEca_gHZuyG1Jb4SScz_gKJCI_GsawJGBEx5jBkXkwMsMJW2thN1ufkHcUf2zzA1dM61hNMZ1gm0lOWF6nWQsotG-Jc2ju29Mdpsxbw&authuser=0" target="_blank">
-                            <img src="static/img/Icons/Download.png" height="20" class="exportImage"> 
+                            <img src="static/img/Icons/Download.svg" height="20" class="exportImage"> 
                         </a>
                     </p>
                 </div>
@@ -448,7 +448,7 @@
         <!-- WideProxy -->
         <div class="row ml-5 mb-5 mt-1">
             <div>
-                <img class="projectImage mr-3 mt-2 p-2" src="static/img/Logos/WideProxy.png" alt="WideProxy Website Logo" height="120">
+                <img class="projectImage mr-3 mt-2 p-2" src="static/img/Logos/WideProxy.svg" alt="WideProxy Website Logo" height="120">
             </div>
             <div class="column">
                 <!-- Title and open button -->
@@ -498,19 +498,19 @@
         <!-- FrontEnd skill section -->
         <div class="row ml-5">
             <img src="static/img/Icons/FrontEnd.svg" height="65">
-            <p class="grayText row d-flex justify-content-center sectionLabel glassy ml-3 pt-3 pr-1 pb-1"> FrontEnd </p>
+            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder ml-3 pt-3 pr-1 pb-1"> FrontEnd </p>
             <div class="languages frontend row mt-1"></div>
         </div>
         <!-- FrontEnd skill section -->
         <div class="row ml-5">
             <img src="static/img/Icons/BackEnd.svg" height="65">
-            <p class="grayText row d-flex justify-content-center sectionLabel glassy ml-3 pt-3 pr-1 pb-1"> BackEnd </p>
+            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder ml-3 pt-3 pr-1 pb-1"> BackEnd </p>
             <div class="languages backend row mt-1"></div>
         </div>
         <!-- FrontEnd skill section -->
         <div class="row ml-5">
             <img src="static/img/Icons/Database.svg" height="65">
-            <p class="grayText row d-flex justify-content-center sectionLabel glassy ml-3 pt-3 pr-1 pb-1"> Database </p>
+            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder ml-3 pt-3 pr-1 pb-1"> Database </p>
             <div class="languages database row mt-1"></div>
         </div>
     </div>

static/css/style.css

@@ -39,11 +39,9 @@ input::placeholder {
 }
 
 .w-text {
-    /* width: 90% !important; */
     width: 75dvw !important;
 }
 
-
 .blackText {
     color: #202020;
 }
@@ -86,6 +84,10 @@ input::placeholder {
     border: 1px solid rgba(241, 241, 241, 0.3);
 }
 
+.noBorder {
+    border: none !important;
+}
+
 .darkGlass {
     background-color: #2e2e2ebe !important;
     border: 1px solid rgba(32, 32, 32, 0.3);