Fix broken style

Author: Evavic44

docs/index.html

@@ -39,8 +39,8 @@
   <!-- STYLES -->
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
-  <link rel="stylesheet" href="/css/global.css" />
-  <link rel="stylesheet" href="/css/styles.css" />
+  <link rel="stylesheet" href="./css/global.css" />
+  <link rel="stylesheet" href="./css/styles.css" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
     integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
     crossorigin="anonymous" />
@@ -50,7 +50,7 @@
   <header id="hero">
     <div class="navbar">
       <div></div>
-      <h1 class="logo"><a href="#home"><img src="/assets/chryz-hub-transparent.png" alt="Logo-image"></a>
+      <h1 class="logo"><a href="#home"><img src="./assets/chryz-hub-transparent.png" alt="Logo-image"></a>
       </h1>
       <nav>
         <div class="burger">
@@ -74,10 +74,10 @@ <h1 class="text-primary">Chryz-Hub</h1>
       <p class="text-secondary">The World of Open Source, Where Your Ideas and Contributions Count and are Highly
         Appreciated</p>
       <div class="social">
-        <a href="https://youtube.com/channel/UCxro6LYOp3pmmuWDPMg-p1Q"><img src="/assets/youtube.png"
+        <a href="https://youtube.com/channel/UCxro6LYOp3pmmuWDPMg-p1Q"><img src="./assets/youtube.png"
             alt="YouTube icon" /></a>
-        <a href="https://twitter.com/ChryzHub"><img src="/assets/twitter.png" alt="Twitter icon" /></a>
-        <a href="https://t.co/CxeDvbUiFB?amp=1"><img src="/assets/discord.png" alt="Discord icon"></a>
+        <a href="https://twitter.com/ChryzHub"><img src="./assets/twitter.png" alt="Twitter icon" /></a>
+        <a href="https://t.co/CxeDvbUiFB?amp=1"><img src="./assets/discord.png" alt="Discord icon"></a>
       </div>
     </div>
 
@@ -89,7 +89,7 @@ <h2 class="text-primary">Our Vision</h2>
           <p class="text-secondary">Our vision is to add value, solve problems, render help and support to developers,
             open source contributors and everyone at large and also raise and build Open Source Giants.</p>
           <a href="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/vision.md"
-            class="btn btn-primary btn-rounded" re="noopener" target="_blank">Read more</a>
+            class="btn btn-primary btn-rounded" rel="noopener" target="_blank">Read more</a>
         </div>
       </div>
     </section>
@@ -206,7 +206,7 @@ <h2 class="text-center fw-bold my-5 heading">Our Moderators</h2>
         <div class="row g-5">
           <div class="col-12 col-lg-6">
             <div class="moderator">
-              <img src="/assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
+              <img src="./assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
               <div class="moderator_details">
                 <h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
                 <p class="mb-0">Open-Source Enthusiast</p>
@@ -228,7 +228,7 @@ <h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
           </div>
           <div class="col-12 col-lg-6">
             <div class="moderator">
-              <img src="/assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
+              <img src="./assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
               <div class="moderator_details">
                 <h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
                 <p class="mb-0">Open-Source Enthusiast</p>
@@ -250,7 +250,7 @@ <h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
           </div>
           <div class="col-12 col-lg-6">
             <div class="moderator">
-              <img src="/assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
+              <img src="./assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
               <div class="moderator_details">
                 <h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
                 <p class="mb-0">Open-Source Enthusiast</p>
@@ -272,7 +272,7 @@ <h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
           </div>
           <div class="col-12 col-lg-6">
             <div class="moderator">
-              <img src="/assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
+              <img src="./assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
               <div class="moderator_details">
                 <h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
                 <p class="mb-0">Open-Source Enthusiast</p>
@@ -307,7 +307,7 @@ <h4 class="copyright-text text-center py-5">
       </div>
     </footer>
     <!-- JAVASCRIPT -->
-    <script src="/javascript/script.js"></script>
+    <script src="./javascript/script.js"></script>
 </body>
 
 </html>

docs/javascript/script.js

@@ -68,7 +68,7 @@ function createprojectcard(project, background) {
     let projectcard = `<div class="col-12 col-sm-6 col-lg-4">
     <a href="${project.html_url}" class="project-box">
       <div class="item project">
-        <img src="/assets/projects/${background}" class="project-image" alt="${project.name}">
+        <img src="./assets/projects/${background}" class="project-image" alt="${project.name}">
         <div class="project-content">
           <h4 class="text-secondary">${project.name}</h4>
           <p>${project.description}</p>