fix: update broken links

Author: stafyniaksacha

src/components/Footer.astro

@@ -10,7 +10,7 @@
           </a>
           <ul class="py-2">
             <li class="inline-block px-2">
-              <a class="footer-link" href="employees.html">Explore</a>
+              <a class="footer-link" href="/employees">Explore</a>
             </li>
             <li class="inline-block px-2">
               <a href="https://support.cssninja.io/" class="footer-link">Help</a

src/components/Navbar.astro

@@ -77,7 +77,7 @@
         </div>
       </div>
       <div class="navbar-end">
-        <a href="employees.html" class="navbar-item">Explore</a>
+        <a href="/employees" class="navbar-item">Explore</a>
         <a href="https://support.cssninja.io/" class="navbar-item">Help</a>
         <div class="navbar-item">
           <label class="theme-toggle">

src/js/libs/components/navbar/navbar.js

@@ -1,6 +1,6 @@
 import { searchJSON } from "../search/searchJSON";
 
-const url = "http://localhost:8090/employees";
+const url = "https://api-hr.cssninja.io/employees";
 
 export function initNavbar() {
   return {

src/pages/employee.astro

@@ -17,7 +17,7 @@ const title = "Employee";
               <div>
                 <div class="topbar">
                   <h3>Employee details</h3>
-                  <a class="header-link" href="employees.html">Go back</a>
+                  <a class="header-link" href="/employees">Go back</a>
                 </div>
 
                 <div class="employee-block">
@@ -394,7 +394,7 @@ const title = "Employee";
               <p>
                 Looks like we couldn't find the resource you were looking for
               </p>
-              <a href="employees.html" class="button is-primary is-long-2"
+              <a href="/employees" class="button is-primary is-long-2"
                 >Take me Back</a
               >
             </div>

src/pages/employees.astro

@@ -93,7 +93,7 @@ const title = "Employees";
                   </div>
                   <div class="flex-table-cell cell-end" data-th="Actions">
                     <a
-                      :href="'employee.html?id=' + employee.id"
+                      :href="'/employee?id=' + employee.id"
                       class="button view-details-button is-pushed-mobile"
                       >View</a
                     >
@@ -128,7 +128,7 @@ const title = "Employees";
             <!--Table item-->
             <div class="flex-table-item">
               <div class="flex-table-cell is-media is-grow">
-                <div class="block size-44x44 is-circle no-m loads" alt=""></div>
+                <div class="block size-44x44 is-circle no-m loads" ></div>
                 <div>
                   <span class="item-name dark-inverted">
                     <span class="content-shape loads title-shape is-left"
@@ -157,7 +157,7 @@ const title = "Employees";
             <!--Table item-->
             <div class="flex-table-item">
               <div class="flex-table-cell is-media is-grow">
-                <div class="block size-44x44 is-circle no-m loads" alt=""></div>
+                <div class="block size-44x44 is-circle no-m loads"></div>
                 <div>
                   <span class="item-name dark-inverted">
                     <span class="content-shape loads title-shape is-left"
@@ -186,7 +186,7 @@ const title = "Employees";
             <!--Table item-->
             <div class="flex-table-item">
               <div class="flex-table-cell is-media is-grow">
-                <div class="block size-44x44 is-circle no-m loads" alt=""></div>
+                <div class="block size-44x44 is-circle no-m loads"></div>
                 <div>
                   <span class="item-name dark-inverted">
                     <span class="content-shape loads title-shape is-left"
@@ -215,7 +215,7 @@ const title = "Employees";
             <!--Table item-->
             <div class="flex-table-item">
               <div class="flex-table-cell is-media is-grow">
-                <div class="block size-44x44 is-circle no-m loads" alt=""></div>
+                <div class="block size-44x44 is-circle no-m loads"></div>
                 <div>
                   <span class="item-name dark-inverted">
                     <span class="content-shape loads title-shape is-left"
@@ -244,7 +244,7 @@ const title = "Employees";
             <!--Table item-->
             <div class="flex-table-item">
               <div class="flex-table-cell is-media is-grow">
-                <div class="block size-44x44 is-circle no-m loads" alt=""></div>
+                <div class="block size-44x44 is-circle no-m loads"></div>
                 <div>
                   <span class="item-name dark-inverted">
                     <span class="content-shape loads title-shape is-left"

src/pages/index.astro

@@ -17,7 +17,7 @@ const title = "Home";
               top of Bulma, Alpine JS and JSON Server.
             </p>
             <div class="buttons">
-              <a href="employees.html" class="button is-primary raised"
+              <a href="/employees" class="button is-primary raised"
                 >Explore</a
               >
               <a href="https://cssninja.io/company/contact" class="button"