fix paths to relative paths

Kibibit · Aug 25, 2024 · 2794fb8 · 2794fb8
1 parent 086d6dc
commit 2794fb8
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 13 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+.DS_Store
diff --git a/css/style.css b/css/style.css
@@ -158,7 +158,7 @@ footer.page-footer {
 }
 
 .app-header #background-front {
-  background-image: url(https://static.rootsrated.com/image/upload/s--dOztdKo4--/t_rr_large_traditional/xeeqiz2egntxuc7u5mce.jpg);
+  background-image: url(./images/header.webp);
   background-position: left center;
 }
 

diff --git a/images/header.webp b/images/header.webp
diff --git a/index.html b/index.html
@@ -3,15 +3,19 @@
 <head>
   <meta charset="UTF-8">
   <title>testing achievibit animation - with header</title>
+  <base href="./">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 
-  <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons'>
-  <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Press+Start+2P'>
+  <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=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 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&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='stylesheet prefetch' href='materialize_0.100.2_css_materialize.min.css'>
 
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="./css/style.css">
 </head>
 
 <body>
@@ -131,17 +135,17 @@ <h5 class="white-text achievibit-logo">Links</h5>
             </div>
           </div>
         </footer>
-  <script src='2.1.3_jquery.min.js'></script>
-  <script src='necolas_emitter.js'></script>
+  <script src='./2.1.3_jquery.min.js'></script>
+  <script src='./necolas_emitter.js'></script>
 
-  <script src='utils/SplitText.min.js'></script>
-  <script src='TweenMax.min.js'></script>
+  <script src='./utils/SplitText.min.js'></script>
+  <script src='./TweenMax.min.js'></script>
 
-  <script src='2.0.3_ScrollMagic'></script>
-  <script src='ScrollMagic_2.0.3_plugins_animation.gsap.min.js'></script>
-  <script src='ScrollMagic_2.0.2_plugins_debug.addIndicators.min.js'></script>
+  <script src='./2.0.3_ScrollMagic.js'></script>
+  <script src='./ScrollMagic_2.0.3_plugins_animation.gsap.min.js'></script>
+  <script src='./ScrollMagic_2.0.2_plugins_debug.addIndicators.min.js'></script>
 
-  <script  src="js/index.js"></script>
+  <script  src="./js/index.js"></script>
 
 </body>
 </html>
diff --git a/scss/style.scss b/scss/style.scss
@@ -144,7 +144,7 @@ footer.page-footer {
     }
 
     #background-front {
-        background-image: url(https://orig00.deviantart.net/aaa6/f/2017/154/3/b/2560_x_1080_pixel_80s_sunset_background_by_lesian2-dbbf4vs.png);
+        background-image: url(./images/header.webp);
         background-position: left center;
     }