diff --git a/index.html b/index.html
index bf0fd74..087df66 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
 
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="/css/bootstrap.min.css">
+  <link rel="stylesheet" href="./css/bootstrap.min.css">
 
 </head>
 
@@ -192,10 +192,10 @@ <h5 class="card-title mb-0">Import scheme</h5>
 
 
 
-  <script src="/js/bootstrap.bundle.min.js"></script>
-  <script src="/js/vue.global.prod.v.3.3.4.js"></script>
-  <!-- <script src="/js/vue-color.min.js"></script> -->
-  <script src="/js/jscolor.2.5.1-min.js"></script>
+  <script src="./js/bootstrap.bundle.min.js"></script>
+  <script src="./js/vue.global.prod.v.3.3.4.js"></script>
+  <!-- <script src="./js/vue-color.min.js"></script> -->
+  <script src="./js./jscolor.2.5.1-min.js"></script>
 
 
   <script>
@@ -318,7 +318,7 @@ <h5 class="card-title mb-0">Import scheme</h5>
           delete this.color_links[index]
         },
         fetchSchemesFile() {
-          fetch('scheme_files.json')
+          fetch('./scheme_files.json')
             .then(data => data.json())
             .then(data => {
               //console.log(data)
@@ -327,7 +327,7 @@ <h5 class="card-title mb-0">Import scheme</h5>
         },
         fetchScheme(schemeName) {
           //console.log('fetchScheme')
-          fetch('/colorschemes/' + schemeName)
+          fetch('./colorschemes/' + schemeName)
             .then(data => data.text())
             .then(data => {
               this.scheme_name = schemeName.replace('.micro', '')