fix header footer exersices icon path change

ViktorSvertoka · Dec 15, 2023 · dae0103 · dae0103
1 parent 7d5295d
commit dae0103
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/src/partials/01-header.html b/src/partials/01-header.html
@@ -1,13 +1,13 @@
 <div class="container">
   <div class="header-container" id="header__top">
-    <a href="../index.html">
+    <a href="/index.html">
       <svg width="132" height="24">
         <use href="./img/sprite.svg#icon-Logo"></use>
       </svg>
     </a>
     <nav class="header__nav">
-      <a id="homeButton" class="nav-btn" href="../index.html">Home</a>
-      <a id="favoritesButton" class="nav-btn" href="../favorites.html"
+      <a id="homeButton" class="nav-btn" href="/index.html">Home</a>
+      <a id="favoritesButton" class="nav-btn" href="/favorites.html"
         >Favorites</a
       >
     </nav>
@@ -22,7 +22,7 @@
           aria-label="facebook icon"
         >
           <svg class="header__socials-icon" width="7" height="17">
-            <use href="../img/sprite.svg#icon-facebook"></use>
+            <use href="./img/sprite.svg#icon-facebook"></use>
           </svg>
         </a>
       </li>
@@ -35,7 +35,7 @@
           aria-label="instagram icon"
         >
           <svg class="header__socials-icon" width="24" height="24">
-            <use href="../img/sprite.svg#icon-instagram"></use>
+            <use href="./img/sprite.svg#icon-instagram"></use>
           </svg>
         </a>
       </li>
@@ -48,7 +48,7 @@
           aria-label="youtube icon"
         >
           <svg class="header__socials-icon" width="24" height="24">
-            <use href="../img/sprite.svg#icon-youtube"></use>
+            <use href="./img/sprite.svg#icon-youtube"></use>
           </svg>
         </a>
       </li>
@@ -71,7 +71,7 @@
       >
         <use
           class="menu-open__use"
-          href="../img/sprite.svg#icon-align-justify"
+          href="./img/sprite.svg#icon-align-justify"
         ></use>
       </svg>
     </button>
@@ -96,10 +96,10 @@
     <nav class="menu__nav">
       <ul class="menu__nav-list">
         <li class="menu__nav-item">
-          <a class="menu__nav-link" href="../index.html">Home</a>
+          <a class="menu__nav-link" href="./index.html">Home</a>
         </li>
         <li class="menu__nav-item">
-          <a class="menu__nav-link" href="../favorites.html">Favorites</a>
+          <a class="menu__nav-link" href="./favorites.html">Favorites</a>
         </li>
       </ul>
     </nav>
@@ -114,7 +114,7 @@
           aria-label="facebook icon"
         >
           <svg class="menu__socials-icon" width="7" height="17">
-            <use href="../img/sprite.svg#icon-facebook"></use>
+            <use href="./img/sprite.svg#icon-facebook"></use>
           </svg>
         </a>
       </li>
@@ -141,7 +141,7 @@
           aria-label="youtube icon"
         >
           <svg class="menu__socials-icon" width="24" height="24">
-            <use href="../img/sprite.svg#icon-youtube"></use>
+            <use href="./img/sprite.svg#icon-youtube"></use>
           </svg>
         </a>
       </li>

diff --git a/src/partials/03-exercises.html b/src/partials/03-exercises.html
@@ -28,12 +28,12 @@ <h2 class="exersices__title">Exercises</h2>
           <div class="quote__container">
             <div class="aside-svg__circle">
               <svg class="aside__svg" width="20" height="20">
-                <use href="../img/sprite.svg#icon-running-stick-figure"></use>
+                <use href="./img/sprite.svg#icon-running-stick-figure"></use>
               </svg>
             </div>
             <h3 class="quote__title">Quote of the day</h3>
             <svg class="aside__commas-svg">
-              <use href="../img/sprite.svg#icon-inverted-commas"></use>
+              <use href="./img/sprite.svg#icon-inverted-commas"></use>
             </svg>
             <div class="aside-quote__wrapper js-quote"></div>
           </div>
@@ -45,7 +45,7 @@ <h3 class="quote__title">Quote of the day</h3>
           <div class="aside__white-card">
             <div class="white-card-svg__wrapper">
               <svg class="aside__white-card-svg" width="20" height="20">
-                <use href="../img/sprite.svg#icon-fluent_food"></use>
+                <use href="./img/sprite.svg#icon-fluent_food"></use>
               </svg>
             </div>
 

diff --git a/src/partials/04-footer.html b/src/partials/04-footer.html
@@ -2,14 +2,14 @@
 <div class="footer__background">
   <div class="footer__container container" id="">
     <div class="footer__left-wrap">
-      <a class="logo" id="logo" href="../index.html">
+      <a class="logo" id="logo" href="/index.html">
         <svg
           class="footer__logo logo"
           width="132"
           height="24"
           aria-label="scroll down icon"
         >
-          <use href="../img/sprite.svg#icon-logo"></use>
+          <use href="./img/sprite.svg#icon-logo"></use>
         </svg>
       </a>
       <ul class="socials__list">
@@ -26,7 +26,7 @@
               width="7"
               height="17"
             >
-              <use href="../img/sprite.svg#icon-facebook"></use>
+              <use href="./img/sprite.svg#icon-facebook"></use>
             </svg>
           </a>
         </li>
@@ -43,7 +43,7 @@
               width="24"
               height="24"
             >
-              <use href="../img/sprite.svg#icon-instagram"></use>
+              <use href="./img/sprite.svg#icon-instagram"></use>
             </svg>
           </a>
         </li>
@@ -60,7 +60,7 @@
               width="24"
               height="24"
             >
-              <use href="../img/sprite.svg#icon-youtube"></use>
+              <use href="./img/sprite.svg#icon-youtube"></use>
             </svg>
           </a>
         </li>