diff --git a/test/tests/data-byte-diagram-tests.js b/test/tests/data-byte-diagram-tests.js
index d87beae1..c8f852c3 100644
--- a/test/tests/data-byte-diagram-tests.js
+++ b/test/tests/data-byte-diagram-tests.js
@@ -1,7 +1,7 @@
 import { describe, it } from '../mocha-support.js';
 import {
     makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils-1.x.module.js';
+} from '../../3rdparty/webgpu-utils-1.x.module.js';
 import { assertEqual } from '../assert.js';
 import {
     createByteDiagramForType,
diff --git a/webgpu/background.html b/webgpu/background.html
index 15347538..c49b66c2 100644
--- a/webgpu/background.html
+++ b/webgpu/background.html
@@ -32,7 +32,7 @@
 <div id="fail" style="display: none;"></div>
 <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 import data from './resources/models/raw/webgpu.raw.js';
 
 async function main() {
diff --git a/webgpu/lessons/ko/webgpu-textures.md b/webgpu/lessons/ko/webgpu-textures.md
index b36a39d2..c42795ae 100644
--- a/webgpu/lessons/ko/webgpu-textures.md
+++ b/webgpu/lessons/ko/webgpu-textures.md
@@ -371,7 +371,7 @@ struct OurVertexShaderOutput {
 저는 "muigui"라는, [dat.GUI](https://github.com/dataarts/dat.gui)와 유사한 API를 갖는 라이브러리를 사용합니다.
 
 ```js
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 ...
 
diff --git a/webgpu/lessons/resources/byte-diagram-test.html b/webgpu/lessons/resources/byte-diagram-test.html
index bb80a251..b3069103 100644
--- a/webgpu/lessons/resources/byte-diagram-test.html
+++ b/webgpu/lessons/resources/byte-diagram-test.html
@@ -9,7 +9,7 @@
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
 import {
   makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils-1.x.module.js';
+} from '../../../3rdparty/webgpu-utils-1.x.module.js';
 import {
   createByteDiagramForType,
   getCodeForUniform,
diff --git a/webgpu/lessons/resources/cube-normals.html b/webgpu/lessons/resources/cube-normals.html
index f5c0e767..711ec235 100644
--- a/webgpu/lessons/resources/cube-normals.html
+++ b/webgpu/lessons/resources/cube-normals.html
@@ -85,7 +85,7 @@
 }
 </script>
 <script type="module">
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 
 const { v3, m4 } = twgl;
 
diff --git a/webgpu/lessons/resources/data-byte-diagram.js b/webgpu/lessons/resources/data-byte-diagram.js
index 8998aba1..1bbbf70c 100644
--- a/webgpu/lessons/resources/data-byte-diagram.js
+++ b/webgpu/lessons/resources/data-byte-diagram.js
@@ -4,7 +4,7 @@ import {
   getSizeAndAlignmentOfUnsizedArrayElement,
   makeBindGroupLayoutDescriptors,
   makeStructuredView,
-} from '/3rdparty/webgpu-utils-1.x.module.js';
+} from '../../../3rdparty/webgpu-utils-1.x.module.js';
 import typeInfo from './wgsl-data-types.js';
 import {
   createElem as el,
diff --git a/webgpu/lessons/resources/data-tables.js b/webgpu/lessons/resources/data-tables.js
index e82bfc46..818f1416 100644
--- a/webgpu/lessons/resources/data-tables.js
+++ b/webgpu/lessons/resources/data-tables.js
@@ -1,6 +1,6 @@
 
-import { makeTable } from '/webgpu/lessons/resources/elem.js';
-import { zip } from '/webgpu/lessons/resources/utils.js';
+import { makeTable } from './elem.js';
+import { zip } from './utils.js';
 
 document.querySelectorAll('[data-table]').forEach(elem => {
   const data = JSON.parse(elem.dataset.table);
diff --git a/webgpu/lessons/resources/directional-lighting.html b/webgpu/lessons/resources/directional-lighting.html
index 5a7880ca..8d0ace7d 100644
--- a/webgpu/lessons/resources/directional-lighting.html
+++ b/webgpu/lessons/resources/directional-lighting.html
@@ -31,8 +31,8 @@
 <canvas id="canvas"></canvas>
 </body>
 <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import GUI from '../../../3rdparty/muigui-0.x.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 import * as diagram from './diagram.js';
 import { rgb, hsl } from './utils.js';
 
diff --git a/webgpu/lessons/resources/dot-product.html b/webgpu/lessons/resources/dot-product.html
index cb986d4b..1a426724 100644
--- a/webgpu/lessons/resources/dot-product.html
+++ b/webgpu/lessons/resources/dot-product.html
@@ -183,7 +183,7 @@
 </body>
 </html>
 <script type="module">
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 const m4 = twgl.m4;
 const v3 = twgl.v3;
 
diff --git a/webgpu/lessons/resources/environment-mapping.html b/webgpu/lessons/resources/environment-mapping.html
index b11997db..eade64dd 100644
--- a/webgpu/lessons/resources/environment-mapping.html
+++ b/webgpu/lessons/resources/environment-mapping.html
@@ -31,8 +31,8 @@
 </body>
 </html>
 <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import GUI from '../../../3rdparty/muigui-0.x.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 import * as diagram from './diagram.js';
 import { rgb, hsl } from './utils.js';
 const { v3 } = twgl;
diff --git a/webgpu/lessons/resources/lesson.js b/webgpu/lessons/resources/lesson.js
index 1c695d94..4cf5a3c6 100644
--- a/webgpu/lessons/resources/lesson.js
+++ b/webgpu/lessons/resources/lesson.js
@@ -1,4 +1,4 @@
-import '/webgpu/lessons/resources/data-tables.js';
+import './data-tables.js';
 // Licensed under a BSD license. See license.html for license
 /* eslint-disable strict */
 /* global settings, contributors, jQuery */
diff --git a/webgpu/lessons/resources/normals-scaled.html b/webgpu/lessons/resources/normals-scaled.html
index be9df800..da3c6198 100644
--- a/webgpu/lessons/resources/normals-scaled.html
+++ b/webgpu/lessons/resources/normals-scaled.html
@@ -105,7 +105,7 @@
 </body>
 </html>
 <script type="module">
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 const m4 = twgl.m4;
 const v3 = twgl.v3;
 
diff --git a/webgpu/lessons/resources/normals.html b/webgpu/lessons/resources/normals.html
index 8a5074cc..b56df7ef 100644
--- a/webgpu/lessons/resources/normals.html
+++ b/webgpu/lessons/resources/normals.html
@@ -89,7 +89,7 @@
 }
 </script>
 <script type="module">
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 const m4 = twgl.m4;
 const v3 = twgl.v3;
 
diff --git a/webgpu/lessons/resources/point-lighting.html b/webgpu/lessons/resources/point-lighting.html
index 58a0c08a..80d83be4 100644
--- a/webgpu/lessons/resources/point-lighting.html
+++ b/webgpu/lessons/resources/point-lighting.html
@@ -25,8 +25,8 @@
 </body>
 </html>
 <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import GUI from '../../../3rdparty/muigui-0.x.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 import * as diagram from './diagram.js';
 import { hsl, rgb } from './utils.js';
 
diff --git a/webgpu/lessons/resources/power-graph.html b/webgpu/lessons/resources/power-graph.html
index f1cee50d..a8cc13c3 100644
--- a/webgpu/lessons/resources/power-graph.html
+++ b/webgpu/lessons/resources/power-graph.html
@@ -30,8 +30,8 @@
 </body>
 </html>
 <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import GUI from '../../../3rdparty/muigui-0.x.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 
 function main() {
   const ctx = document.querySelector('#canvas').getContext('2d');
diff --git a/webgpu/lessons/resources/specular-lighting.html b/webgpu/lessons/resources/specular-lighting.html
index c38d06eb..c29e570d 100644
--- a/webgpu/lessons/resources/specular-lighting.html
+++ b/webgpu/lessons/resources/specular-lighting.html
@@ -30,8 +30,8 @@
 </body>
 </html>
 <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import GUI from '../../../3rdparty/muigui-0.x.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 import * as diagram from './diagram.js';
 import { rgb, hsl } from './utils.js';
 
diff --git a/webgpu/lessons/resources/spot-lighting.html b/webgpu/lessons/resources/spot-lighting.html
index f1b45317..10609c98 100644
--- a/webgpu/lessons/resources/spot-lighting.html
+++ b/webgpu/lessons/resources/spot-lighting.html
@@ -31,8 +31,8 @@
 </body>
 </html>
 <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import GUI from '../../../3rdparty/muigui-0.x.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 import * as diagram from './diagram.js';
 import { rgb, hsl } from './utils.js';
 const { v3 } = twgl;
diff --git a/webgpu/lessons/resources/surface-reflection.html b/webgpu/lessons/resources/surface-reflection.html
index 12de150b..7c54e0c6 100644
--- a/webgpu/lessons/resources/surface-reflection.html
+++ b/webgpu/lessons/resources/surface-reflection.html
@@ -30,8 +30,8 @@
 </body>
 </html>
 <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import GUI from '../../../3rdparty/muigui-0.x.module.js';
+import * as twgl from '../../../3rdparty/twgl-full.module.js';
 import * as diagram from './diagram.js';
 import { rgb, hsl } from './utils.js';
 
diff --git a/webgpu/lessons/resources/wgsl-offset-computer.html b/webgpu/lessons/resources/wgsl-offset-computer.html
index 8f0e337a..ba7e3993 100644
--- a/webgpu/lessons/resources/wgsl-offset-computer.html
+++ b/webgpu/lessons/resources/wgsl-offset-computer.html
@@ -310,7 +310,7 @@ <h1>WGSL Offset Computer</h1>
 import {
   makeShaderDataDefinitions,
   setIntrinsicsToView,
-} from '/3rdparty/webgpu-utils-1.x.module.js';
+} from '../../../3rdparty/webgpu-utils-1.x.module.js';
 import {
   createByteDiagramForType,
   getCodeForUniform,
diff --git a/webgpu/lessons/webgpu-cameras.js b/webgpu/lessons/webgpu-cameras.js
index 61613b76..1aae0de4 100644
--- a/webgpu/lessons/webgpu-cameras.js
+++ b/webgpu/lessons/webgpu-cameras.js
@@ -7,8 +7,8 @@ import {
 import {
   createRequestAnimationFrameLoop,
 } from './resources/good-raf.js';
-import { SVG as svg } from '/3rdparty/svg.esm.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import { SVG as svg } from '../../3rdparty/svg.esm.js';
+import * as twgl from '../../3rdparty/twgl-full.module.js';
 
 const darkColors = {
   lines: [1, 1, 1, 1],
diff --git a/webgpu/lessons/webgpu-compute-shaders-histogram.js b/webgpu/lessons/webgpu-compute-shaders-histogram.js
index 95dd3bc4..7b676c2f 100644
--- a/webgpu/lessons/webgpu-compute-shaders-histogram.js
+++ b/webgpu/lessons/webgpu-compute-shaders-histogram.js
@@ -4,7 +4,7 @@ import {
 import {
   createRequestAnimationFrameLoop,
 } from './resources/good-raf.js';
-import { SVG as svg } from '/3rdparty/svg.esm.js';
+import { SVG as svg } from '../../3rdparty/svg.esm.js';
 import {
   createElem as el, select, makeTable,
 } from './resources/elem.js';
diff --git a/webgpu/lessons/webgpu-environment-maps.js b/webgpu/lessons/webgpu-environment-maps.js
index 9fff82b6..aff22647 100644
--- a/webgpu/lessons/webgpu-environment-maps.js
+++ b/webgpu/lessons/webgpu-environment-maps.js
@@ -6,7 +6,7 @@ import {
 } from './resources/elem.js';
 import {
   createTextureFromSources,
-} from '/3rdparty/webgpu-utils.module.js';
+} from '../../3rdparty/webgpu-utils.module.js';
 
 import {mat4} from 'http://localhost:8080/3rdparty/wgpu-matrix.module.js';
 import GUI from 'http://localhost:8080/3rdparty/muigui-0.x.module.js';
diff --git a/webgpu/lessons/webgpu-fundamentals.js b/webgpu/lessons/webgpu-fundamentals.js
index 8fc788e1..03b54eca 100644
--- a/webgpu/lessons/webgpu-fundamentals.js
+++ b/webgpu/lessons/webgpu-fundamentals.js
@@ -4,7 +4,7 @@ import {
 import {
   createElem as el,
 } from './resources/elem.js';
-import { SVG as svg } from '/3rdparty/svg.esm.js';
+import { SVG as svg } from '../../3rdparty/svg.esm.js';
 import { clamp } from './resources/utils.js';
 
 const darkColors = {
diff --git a/webgpu/lessons/webgpu-importing-textures.js b/webgpu/lessons/webgpu-importing-textures.js
index f22feadd..9615c8b2 100644
--- a/webgpu/lessons/webgpu-importing-textures.js
+++ b/webgpu/lessons/webgpu-importing-textures.js
@@ -1,7 +1,7 @@
 import {
   renderDiagrams
 } from './resources/diagrams.js';
-import { SVG as svg } from '/3rdparty/svg.esm.js';
+import { SVG as svg } from '../../3rdparty/svg.esm.js';
 import {
   createElem as el,
 } from './resources/elem.js';
diff --git a/webgpu/lessons/webgpu-limits-and-features.js b/webgpu/lessons/webgpu-limits-and-features.js
index c8a9e8d3..27f60795 100644
--- a/webgpu/lessons/webgpu-limits-and-features.js
+++ b/webgpu/lessons/webgpu-limits-and-features.js
@@ -28,6 +28,7 @@ const kLimitInfo = makeObjectFromTable(
   'maxTextureArrayLayers':                     [           ,       256,                          ],
 
   'maxBindGroups':                             [           ,         4,                          ],
+  'maxBindGroupsPlusVertexBuffers':            [           ,        24,                          ],
   'maxBindingsPerBindGroup':                   [           ,      1000,                          ],
   'maxDynamicUniformBuffersPerPipelineLayout': [           ,         8,                          ],
   'maxDynamicStorageBuffersPerPipelineLayout': [           ,         4,                          ],
@@ -95,7 +96,7 @@ renderDiagrams({
   limits(elem) {
     const addRow = makeTable(elem, ['limit name', 'your device', 'min']);
     for (const key of getObjLikeKeys(adapter.limits).sort(sortAlphabetically)) {
-      addRow([key, [adapter.limits[key] > kLimitInfo[key].default ? 'exceeds-limit' : '', withShortSize(adapter.limits[key])], withShortSize(kLimitInfo[key].default)]);
+      addRow([key, [adapter.limits[key] > kLimitInfo[key]?.default ? 'exceeds-limit' : '', withShortSize(adapter.limits[key])], withShortSize(kLimitInfo[key]?.default)]);
     }
   },
 
diff --git a/webgpu/lessons/webgpu-matrix-math.js b/webgpu/lessons/webgpu-matrix-math.js
index 737c4096..f5a6510f 100644
--- a/webgpu/lessons/webgpu-matrix-math.js
+++ b/webgpu/lessons/webgpu-matrix-math.js
@@ -1,6 +1,6 @@
 import {
   makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils-1.x.module.js';
+} from '../../3rdparty/webgpu-utils-1.x.module.js';
 import {
   renderDiagrams
 } from './resources/diagrams.js';
@@ -16,7 +16,7 @@ import {
 import {
   mat3,
   vec2,
-} from '/3rdparty/wgpu-matrix.module.js';
+} from '../../3rdparty/wgpu-matrix.module.js';
 import {
   hsla,
 } from './resources/utils.js';
diff --git a/webgpu/lessons/webgpu-memory-layout.js b/webgpu/lessons/webgpu-memory-layout.js
index 91e45f94..8bf13858 100644
--- a/webgpu/lessons/webgpu-memory-layout.js
+++ b/webgpu/lessons/webgpu-memory-layout.js
@@ -1,6 +1,6 @@
 import {
   makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils-1.x.module.js';
+} from '../../3rdparty/webgpu-utils-1.x.module.js';
 import {
   renderDiagrams
 } from './resources/diagrams.js';
diff --git a/webgpu/lessons/webgpu-multisampling.js b/webgpu/lessons/webgpu-multisampling.js
index 34a6204a..f5a4f811 100644
--- a/webgpu/lessons/webgpu-multisampling.js
+++ b/webgpu/lessons/webgpu-multisampling.js
@@ -4,7 +4,7 @@ import {
 import {
   createElem as el,
 } from './resources/elem.js';
-import { SVG as svg } from '/3rdparty/svg.esm.js';
+import { SVG as svg } from '../../3rdparty/svg.esm.js';
 import { clamp } from './resources/utils.js';
 
 const darkColors = {
diff --git a/webgpu/lessons/webgpu-orthographic-projection.js b/webgpu/lessons/webgpu-orthographic-projection.js
index fa4a4ddc..f150e681 100644
--- a/webgpu/lessons/webgpu-orthographic-projection.js
+++ b/webgpu/lessons/webgpu-orthographic-projection.js
@@ -1,7 +1,7 @@
 /*
 import {
   makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils-1.x.module.js';
+} from '../../3rdparty/webgpu-utils-1.x.module.js';
 import {
   renderDiagrams
 } from './resources/diagrams.js';
@@ -14,7 +14,7 @@ import {
 import {
   mat4,
   vec3,
-} from '/3rdparty/wgpu-matrix.module.js';
+} from '../../3rdparty/wgpu-matrix.module.js';
 import {
   hsla,
 } from './resources/utils.js';
diff --git a/webgpu/lessons/webgpu-perspective-projection.js b/webgpu/lessons/webgpu-perspective-projection.js
index 15792fae..4ae285ab 100644
--- a/webgpu/lessons/webgpu-perspective-projection.js
+++ b/webgpu/lessons/webgpu-perspective-projection.js
@@ -9,9 +9,9 @@ import {
 } from './resources/elem.js';
 import {
   mat4,
-} from '/3rdparty/wgpu-matrix.module.js';
-import * as twgl from '/3rdparty/twgl-full.module.js';
-import GUI from '/3rdparty/muigui-0.x.module.js';
+} from '../../3rdparty/wgpu-matrix.module.js';
+import * as twgl from '../../3rdparty/twgl-full.module.js';
+import GUI from '../../3rdparty/muigui-0.x.module.js';
 
 const darkColors = {
   lines: [1, 1, 1, 1],
diff --git a/webgpu/lessons/webgpu-storage-buffers.js b/webgpu/lessons/webgpu-storage-buffers.js
index 992e944a..e46ff850 100644
--- a/webgpu/lessons/webgpu-storage-buffers.js
+++ b/webgpu/lessons/webgpu-storage-buffers.js
@@ -1,7 +1,7 @@
 import {
   renderDiagrams
 } from './resources/diagrams.js';
-import { SVG as svg } from '/3rdparty/svg.esm.js';
+import { SVG as svg } from '../../3rdparty/svg.esm.js';
 
 function createCircleVertices({
   radius = 1,
diff --git a/webgpu/lessons/webgpu-textures.js b/webgpu/lessons/webgpu-textures.js
index 8333a20e..83885e65 100644
--- a/webgpu/lessons/webgpu-textures.js
+++ b/webgpu/lessons/webgpu-textures.js
@@ -4,7 +4,7 @@ import {
 import {
   createRequestAnimationFrameLoop,
 } from './resources/good-raf.js';
-import { SVG as svg } from '/3rdparty/svg.esm.js';
+import { SVG as svg } from '../../3rdparty/svg.esm.js';
 import {
   rgba8unormFromCSS,
   hsl,
diff --git a/webgpu/lessons/webgpu-textures.md b/webgpu/lessons/webgpu-textures.md
index 5b66fb0f..636592bc 100644
--- a/webgpu/lessons/webgpu-textures.md
+++ b/webgpu/lessons/webgpu-textures.md
@@ -400,7 +400,7 @@ and when the setting change we need to re-render. I'm using a library
 called "muigui" which at the moment has an API similar to [dat.GUI](https://github.com/dataarts/dat.gui)
 
 ```js
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 ...
 
diff --git a/webgpu/lessons/webgpu-translation.md b/webgpu/lessons/webgpu-translation.md
index f2a3ce70..1b4fd74b 100644
--- a/webgpu/lessons/webgpu-translation.md
+++ b/webgpu/lessons/webgpu-translation.md
@@ -355,7 +355,7 @@ And then we need to set a translation at render time
 Finally let's add a UI so we can adjust the translation
 
 ```js
-+import GUI from '/3rdparty/muigui-0.x.module.js';
++import GUI from '../3rdparty/muigui-0.x.module.js';
 
 ...
   const settings = {
diff --git a/webgpu/lessons/webgpu-transparency.js b/webgpu/lessons/webgpu-transparency.js
index ba5a8f69..2c8212bd 100644
--- a/webgpu/lessons/webgpu-transparency.js
+++ b/webgpu/lessons/webgpu-transparency.js
@@ -4,8 +4,8 @@ import {
 import {
   createElem as el
 } from './resources/elem.js';
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
-import {createTextureFromSource} from '/3rdparty/webgpu-utils-1.x.module.js';
+import {mat4} from '../../3rdparty/wgpu-matrix.module.js';
+import {createTextureFromSource} from '../../3rdparty/webgpu-utils-1.x.module.js';
 
 
 const hsl = (h, s, l) => `hsl(${h * 360 | 0}, ${s * 100}%, ${l * 100 | 0}%)`;
diff --git a/webgpu/lessons/webgpu-transparency.md b/webgpu/lessons/webgpu-transparency.md
index aa601a73..730baac5 100644
--- a/webgpu/lessons/webgpu-transparency.md
+++ b/webgpu/lessons/webgpu-transparency.md
@@ -109,7 +109,7 @@ To that let's add a UI so we can set the alpha and color of
 the clear value as well as whether or not it's premultiplied
 
 ```js
-+import GUI from '/3rdparty/muigui-0.x.module.js';
++import GUI from '../3rdparty/muigui-0.x.module.js';
 
 ...
 
diff --git a/webgpu/lessons/zh_cn/webgpu-textures.md b/webgpu/lessons/zh_cn/webgpu-textures.md
index b2273bf7..ee0929be 100644
--- a/webgpu/lessons/zh_cn/webgpu-textures.md
+++ b/webgpu/lessons/zh_cn/webgpu-textures.md
@@ -305,7 +305,7 @@ const settings = {
 的 API
 
 ```js
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 ...
 
diff --git a/webgpu/resources/js/unit-circle.js b/webgpu/resources/js/unit-circle.js
index d10e8fec..96527388 100644
--- a/webgpu/resources/js/unit-circle.js
+++ b/webgpu/resources/js/unit-circle.js
@@ -28,7 +28,7 @@
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
-import { SVG as svg } from '/3rdparty/svg.esm.js';
+import { SVG as svg } from '../../3rdparty/svg.esm.js';
 
 
 const setTranslation = (e, x, y) => e.attr({transform: `translate(${x}, ${y})`});
diff --git a/webgpu/webgl-cube-multiple.html b/webgpu/webgl-cube-multiple.html
index f2b68795..fffff812 100644
--- a/webgpu/webgl-cube-multiple.html
+++ b/webgpu/webgl-cube-multiple.html
@@ -34,7 +34,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {vec3, mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {vec3, mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 function main() {
   const gl = document.querySelector('canvas').getContext('webgl');
diff --git a/webgpu/webgl-cube.html b/webgpu/webgl-cube.html
index 254ebc67..da1cae6c 100644
--- a/webgpu/webgl-cube.html
+++ b/webgpu/webgl-cube.html
@@ -34,7 +34,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {vec3, mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {vec3, mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 function main() {
   const gl = document.querySelector('canvas').getContext('webgl');
diff --git a/webgpu/webgpu-blend-compare-to-canvas.html b/webgpu/webgpu-blend-compare-to-canvas.html
index 9dd7d9d1..053b40f4 100644
--- a/webgpu/webgpu-blend-compare-to-canvas.html
+++ b/webgpu/webgpu-blend-compare-to-canvas.html
@@ -28,9 +28,9 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import {createTextureFromSource} from '/3rdparty/webgpu-utils-1.x.module.js';
+import {createTextureFromSource} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 const hsl = (h, s, l) => `hsl(${h * 360 | 0}, ${s * 100}%, ${l * 100 | 0}%)`;
 const hsla = (h, s, l, a) => `hsla(${h * 360 | 0}, ${s * 100}%, ${l * 100 | 0}%, ${a})`;
diff --git a/webgpu/webgpu-blend.html b/webgpu/webgpu-blend.html
index bbea4ab2..484778a2 100644
--- a/webgpu/webgpu-blend.html
+++ b/webgpu/webgpu-blend.html
@@ -32,8 +32,8 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 const hsl = (h, s, l) => `hsl(${h * 360 | 0}, ${s * 100}%, ${l * 100 | 0}%)`;
 const hsla = (h, s, l, a) => `hsla(${h * 360 | 0}, ${s * 100}%, ${l * 100 | 0}%, ${a})`;
diff --git a/webgpu/webgpu-camera-visualization.html b/webgpu/webgpu-camera-visualization.html
index 938e3cb2..3ac435b3 100644
--- a/webgpu/webgpu-camera-visualization.html
+++ b/webgpu/webgpu-camera-visualization.html
@@ -49,8 +49,8 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-cameras-step-1-direct-math.html b/webgpu/webgpu-cameras-step-1-direct-math.html
index 11c95524..61054b2c 100644
--- a/webgpu/webgpu-cameras-step-1-direct-math.html
+++ b/webgpu/webgpu-cameras-step-1-direct-math.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-cameras-step-2-camera-aim.html b/webgpu/webgpu-cameras-step-2-camera-aim.html
index f9d40567..e6a9646a 100644
--- a/webgpu/webgpu-cameras-step-2-camera-aim.html
+++ b/webgpu/webgpu-cameras-step-2-camera-aim.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-cameras-step-3-look-at.html b/webgpu/webgpu-cameras-step-3-look-at.html
index 3d2d681d..f4cf8a92 100644
--- a/webgpu/webgpu-cameras-step-3-look-at.html
+++ b/webgpu/webgpu-cameras-step-3-look-at.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-cameras-step-4-aim-Fs.html b/webgpu/webgpu-cameras-step-4-aim-Fs.html
index ed40f638..d369a9b5 100644
--- a/webgpu/webgpu-cameras-step-4-aim-Fs.html
+++ b/webgpu/webgpu-cameras-step-4-aim-Fs.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-cameras-step-4-aim-heads.html b/webgpu/webgpu-cameras-step-4-aim-heads.html
index c8ee4750..ed236c56 100644
--- a/webgpu/webgpu-cameras-step-4-aim-heads.html
+++ b/webgpu/webgpu-cameras-step-4-aim-heads.html
@@ -32,9 +32,9 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {vec3 as v3} from '/3rdparty/wgpu-matrix.module.js';
+import {vec3 as v3} from '../3rdparty/wgpu-matrix.module.js';
 import headData from './resources/head-data.js';
 
 function createHeadVertices() {
diff --git a/webgpu/webgpu-cameras-step-5-separate-matrices.html b/webgpu/webgpu-cameras-step-5-separate-matrices.html
index ca975c6b..87dd7add 100644
--- a/webgpu/webgpu-cameras-step-5-separate-matrices.html
+++ b/webgpu/webgpu-cameras-step-5-separate-matrices.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-cameras-step-7-move-2.html b/webgpu/webgpu-cameras-step-7-move-2.html
index af4227b6..95f583f5 100644
--- a/webgpu/webgpu-cameras-step-7-move-2.html
+++ b/webgpu/webgpu-cameras-step-7-move-2.html
@@ -50,7 +50,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {vec3, mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {vec3, mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-canvas-alphamode-premultiplied.html b/webgpu/webgpu-canvas-alphamode-premultiplied.html
index e9ab6550..f110fa91 100644
--- a/webgpu/webgpu-canvas-alphamode-premultiplied.html
+++ b/webgpu/webgpu-canvas-alphamode-premultiplied.html
@@ -31,7 +31,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-gpu-draw-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-gpu-draw-w-timing.html
index 72d098d7..49931638 100644
--- a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-gpu-draw-w-timing.html
+++ b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-gpu-draw-w-timing.html
@@ -19,7 +19,7 @@
   <script type="module">
 import TimingHelper from './resources/js/timing-helper.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import { mat4 } from '/3rdparty/wgpu-matrix.module.js';
+import { mat4 } from '../3rdparty/wgpu-matrix.module.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
 import {
   loadImageBitmap,
diff --git a/webgpu/webgpu-compute-shaders-histogram-equalization-video.html b/webgpu/webgpu-compute-shaders-histogram-equalization-video.html
index 227470b6..309bd342 100644
--- a/webgpu/webgpu-compute-shaders-histogram-equalization-video.html
+++ b/webgpu/webgpu-compute-shaders-histogram-equalization-video.html
@@ -40,7 +40,7 @@
   <script type="module">
 //import TimingHelper from './resources/js/timing-helper.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import { mat4 } from '/3rdparty/wgpu-matrix.module.js';
+import { mat4 } from '../3rdparty/wgpu-matrix.module.js';
 
 const range = (i, fn) => new Array(i).fill(0).map((_, i) => fn(i));
 
diff --git a/webgpu/webgpu-compute-shaders-histogram-video-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-video-w-timing.html
index b55a1bdc..6dac7741 100644
--- a/webgpu/webgpu-compute-shaders-histogram-video-w-timing.html
+++ b/webgpu/webgpu-compute-shaders-histogram-video-w-timing.html
@@ -52,7 +52,7 @@
   <script type="module">
 import TimingHelper from './resources/js/timing-helper.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import { mat4 } from '/3rdparty/wgpu-matrix.module.js';
+import { mat4 } from '../3rdparty/wgpu-matrix.module.js';
 
 const range = (i, fn) => new Array(i).fill(0).map((_, i) => fn(i));
 
diff --git a/webgpu/webgpu-compute-shaders-histogram-video.html b/webgpu/webgpu-compute-shaders-histogram-video.html
index 5bb68ad5..f905d2b2 100644
--- a/webgpu/webgpu-compute-shaders-histogram-video.html
+++ b/webgpu/webgpu-compute-shaders-histogram-video.html
@@ -39,7 +39,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import { mat4 } from '/3rdparty/wgpu-matrix.module.js';
+import { mat4 } from '../3rdparty/wgpu-matrix.module.js';
 
 const range = (i, fn) => new Array(i).fill(0).map((_, i) => fn(i));
 
diff --git a/webgpu/webgpu-cube-map.html b/webgpu/webgpu-cube-map.html
index 95f25a2e..42e9fb71 100644
--- a/webgpu/webgpu-cube-map.html
+++ b/webgpu/webgpu-cube-map.html
@@ -22,8 +22,8 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function generateFace(size, {faceColor, textColor, text}) {
   const canvas = document.createElement('canvas');
diff --git a/webgpu/webgpu-cube-multiple.html b/webgpu/webgpu-cube-multiple.html
index d6a33a31..b7075f9a 100644
--- a/webgpu/webgpu-cube-multiple.html
+++ b/webgpu/webgpu-cube-multiple.html
@@ -18,7 +18,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {vec3, mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {vec3, mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-cube-webgpu-utils.html b/webgpu/webgpu-cube-webgpu-utils.html
index 65208df0..0357c1a5 100644
--- a/webgpu/webgpu-cube-webgpu-utils.html
+++ b/webgpu/webgpu-cube-webgpu-utils.html
@@ -18,9 +18,9 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {vec3, mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {vec3, mat4} from '../3rdparty/wgpu-matrix.module.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import {createBuffersAndAttributesFromArrays} from '/3rdparty/webgpu-utils-1.x.module.js';
+import {createBuffersAndAttributesFromArrays} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-cube.html b/webgpu/webgpu-cube.html
index f19970e6..94e2ec63 100644
--- a/webgpu/webgpu-cube.html
+++ b/webgpu/webgpu-cube.html
@@ -18,7 +18,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {vec3, mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {vec3, mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-environment-map-backward.html b/webgpu/webgpu-environment-map-backward.html
index 6f2ce48f..7bcc1c6e 100644
--- a/webgpu/webgpu-environment-map-backward.html
+++ b/webgpu/webgpu-environment-map-backward.html
@@ -22,7 +22,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 function createCubeVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-environment-map.html b/webgpu/webgpu-environment-map.html
index f5f17e56..bd7dc50e 100644
--- a/webgpu/webgpu-environment-map.html
+++ b/webgpu/webgpu-environment-map.html
@@ -22,7 +22,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 function createCubeVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-lighting-directional-world.html b/webgpu/webgpu-lighting-directional-world.html
index 126d6628..5290ae52 100644
--- a/webgpu/webgpu-lighting-directional-world.html
+++ b/webgpu/webgpu-lighting-directional-world.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-directional-worldinversetranspose-webgpu-utils.html b/webgpu/webgpu-lighting-directional-worldinversetranspose-webgpu-utils.html
index 180ea285..c2cc7ee1 100644
--- a/webgpu/webgpu-lighting-directional-worldinversetranspose-webgpu-utils.html
+++ b/webgpu/webgpu-lighting-directional-worldinversetranspose-webgpu-utils.html
@@ -32,11 +32,11 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {vec3, mat3, mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {vec3, mat3, mat4} from '../3rdparty/wgpu-matrix.module.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import {createBuffersAndAttributesFromArrays} from '/3rdparty/webgpu-utils-1.x.module.js';
+import {createBuffersAndAttributesFromArrays} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-directional-worldinversetranspose.html b/webgpu/webgpu-lighting-directional-worldinversetranspose.html
index 1287e3f6..2e7ba727 100644
--- a/webgpu/webgpu-lighting-directional-worldinversetranspose.html
+++ b/webgpu/webgpu-lighting-directional-worldinversetranspose.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-directional.html b/webgpu/webgpu-lighting-directional.html
index 3f803ba4..c8e539ba 100644
--- a/webgpu/webgpu-lighting-directional.html
+++ b/webgpu/webgpu-lighting-directional.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-point-w-specular-power.html b/webgpu/webgpu-lighting-point-w-specular-power.html
index 920f9b0e..af6dfa99 100644
--- a/webgpu/webgpu-lighting-point-w-specular-power.html
+++ b/webgpu/webgpu-lighting-point-w-specular-power.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-point-w-specular.html b/webgpu/webgpu-lighting-point-w-specular.html
index b7d72a1c..d095e34b 100644
--- a/webgpu/webgpu-lighting-point-w-specular.html
+++ b/webgpu/webgpu-lighting-point-w-specular.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-point.html b/webgpu/webgpu-lighting-point.html
index 58e74baf..6b4407e6 100644
--- a/webgpu/webgpu-lighting-point.html
+++ b/webgpu/webgpu-lighting-point.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-spot-w-linear-falloff.html b/webgpu/webgpu-lighting-spot-w-linear-falloff.html
index d6cd9d27..b512c3a0 100644
--- a/webgpu/webgpu-lighting-spot-w-linear-falloff.html
+++ b/webgpu/webgpu-lighting-spot-w-linear-falloff.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-spot-w-smoothstep-falloff.html b/webgpu/webgpu-lighting-spot-w-smoothstep-falloff.html
index cfd8286d..2683dc23 100644
--- a/webgpu/webgpu-lighting-spot-w-smoothstep-falloff.html
+++ b/webgpu/webgpu-lighting-spot-w-smoothstep-falloff.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-lighting-spot.html b/webgpu/webgpu-lighting-spot.html
index da9afb49..e2b035ea 100644
--- a/webgpu/webgpu-lighting-spot.html
+++ b/webgpu/webgpu-lighting-spot.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-matrix-math-transform-five-fs-3x3.html b/webgpu/webgpu-matrix-math-transform-five-fs-3x3.html
index 013a67ba..c3ce6e58 100644
--- a/webgpu/webgpu-matrix-math-transform-five-fs-3x3.html
+++ b/webgpu/webgpu-matrix-math-transform-five-fs-3x3.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-matrix-math-transform-just-matrix-3x3.html b/webgpu/webgpu-matrix-math-transform-just-matrix-3x3.html
index c642d3cb..e098b5da 100644
--- a/webgpu/webgpu-matrix-math-transform-just-matrix-3x3.html
+++ b/webgpu/webgpu-matrix-math-transform-just-matrix-3x3.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-matrix-math-transform-move-origin-3x3.html b/webgpu/webgpu-matrix-math-transform-move-origin-3x3.html
index eaf98d18..b42ec535 100644
--- a/webgpu/webgpu-matrix-math-transform-move-origin-3x3.html
+++ b/webgpu/webgpu-matrix-math-transform-move-origin-3x3.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-matrix-math-transform-srt-3x3.html b/webgpu/webgpu-matrix-math-transform-srt-3x3.html
index b55b384a..0d92c334 100644
--- a/webgpu/webgpu-matrix-math-transform-srt-3x3.html
+++ b/webgpu/webgpu-matrix-math-transform-srt-3x3.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-matrix-math-transform-srt.html b/webgpu/webgpu-matrix-math-transform-srt.html
index 5edc106f..4b015c79 100644
--- a/webgpu/webgpu-matrix-math-transform-srt.html
+++ b/webgpu/webgpu-matrix-math-transform-srt.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-matrix-math-transform-trs-3x3.html b/webgpu/webgpu-matrix-math-transform-trs-3x3.html
index e146c278..7ab79eca 100644
--- a/webgpu/webgpu-matrix-math-transform-trs-3x3.html
+++ b/webgpu/webgpu-matrix-math-transform-trs-3x3.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-matrix-math-transform-trs.html b/webgpu/webgpu-matrix-math-transform-trs.html
index 53ec0e58..4c585feb 100644
--- a/webgpu/webgpu-matrix-math-transform-trs.html
+++ b/webgpu/webgpu-matrix-math-transform-trs.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-matrix-organization-step-1-separate-matrices.html b/webgpu/webgpu-matrix-organization-step-1-separate-matrices.html
index ed40f638..d369a9b5 100644
--- a/webgpu/webgpu-matrix-organization-step-1-separate-matrices.html
+++ b/webgpu/webgpu-matrix-organization-step-1-separate-matrices.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-multiple-canvases-x200-optimized.html b/webgpu/webgpu-multiple-canvases-x200-optimized.html
index d3156ed9..0466d78a 100644
--- a/webgpu/webgpu-multiple-canvases-x200-optimized.html
+++ b/webgpu/webgpu-multiple-canvases-x200-optimized.html
@@ -42,7 +42,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-multiple-canvases-x200.html b/webgpu/webgpu-multiple-canvases-x200.html
index ad8827fb..2d6170fb 100644
--- a/webgpu/webgpu-multiple-canvases-x200.html
+++ b/webgpu/webgpu-multiple-canvases-x200.html
@@ -42,7 +42,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-orthographic-projection-step-1-flat-f.html b/webgpu/webgpu-orthographic-projection-step-1-flat-f.html
index 34ef7569..67e0493a 100644
--- a/webgpu/webgpu-orthographic-projection-step-1-flat-f.html
+++ b/webgpu/webgpu-orthographic-projection-step-1-flat-f.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-orthographic-projection-step-2-3d-f.html b/webgpu/webgpu-orthographic-projection-step-2-3d-f.html
index 697df37b..fd5e62f0 100644
--- a/webgpu/webgpu-orthographic-projection-step-2-3d-f.html
+++ b/webgpu/webgpu-orthographic-projection-step-2-3d-f.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-orthographic-projection-step-3-colored-3d-f.html b/webgpu/webgpu-orthographic-projection-step-3-colored-3d-f.html
index 06003e3a..a41618e7 100644
--- a/webgpu/webgpu-orthographic-projection-step-3-colored-3d-f.html
+++ b/webgpu/webgpu-orthographic-projection-step-3-colored-3d-f.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-orthographic-projection-step-4-cullmode-back.html b/webgpu/webgpu-orthographic-projection-step-4-cullmode-back.html
index 84f08d55..a71330a2 100644
--- a/webgpu/webgpu-orthographic-projection-step-4-cullmode-back.html
+++ b/webgpu/webgpu-orthographic-projection-step-4-cullmode-back.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-orthographic-projection-step-5-order-fixed.html b/webgpu/webgpu-orthographic-projection-step-5-order-fixed.html
index 20d14eda..e4ad1c87 100644
--- a/webgpu/webgpu-orthographic-projection-step-5-order-fixed.html
+++ b/webgpu/webgpu-orthographic-projection-step-5-order-fixed.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-orthographic-projection-step-6-depth-texture.html b/webgpu/webgpu-orthographic-projection-step-6-depth-texture.html
index 34997255..3c8c8bf1 100644
--- a/webgpu/webgpu-orthographic-projection-step-6-depth-texture.html
+++ b/webgpu/webgpu-orthographic-projection-step-6-depth-texture.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-orthographic-projection-step-7-ortho.html b/webgpu/webgpu-orthographic-projection-step-7-ortho.html
index 5f1b1a9a..9d9b1e31 100644
--- a/webgpu/webgpu-orthographic-projection-step-7-ortho.html
+++ b/webgpu/webgpu-orthographic-projection-step-7-ortho.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-perspective-projection-step-1-fudge-factor.html b/webgpu/webgpu-perspective-projection-step-1-fudge-factor.html
index cba93575..28a8c4e0 100644
--- a/webgpu/webgpu-perspective-projection-step-1-fudge-factor.html
+++ b/webgpu/webgpu-perspective-projection-step-1-fudge-factor.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-perspective-projection-step-2-gpu-divide-by-w.html b/webgpu/webgpu-perspective-projection-step-2-gpu-divide-by-w.html
index 95315ae9..6fb64226 100644
--- a/webgpu/webgpu-perspective-projection-step-2-gpu-divide-by-w.html
+++ b/webgpu/webgpu-perspective-projection-step-2-gpu-divide-by-w.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-perspective-projection-step-3-perspective-z-to-w.html b/webgpu/webgpu-perspective-projection-step-3-perspective-z-to-w.html
index f8cf07e2..aaa45ff1 100644
--- a/webgpu/webgpu-perspective-projection-step-3-perspective-z-to-w.html
+++ b/webgpu/webgpu-perspective-projection-step-3-perspective-z-to-w.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-perspective-projection-step-4-perspective.html b/webgpu/webgpu-perspective-projection-step-4-perspective.html
index f54e05b4..01eb85f3 100644
--- a/webgpu/webgpu-perspective-projection-step-4-perspective.html
+++ b/webgpu/webgpu-perspective-projection-step-4-perspective.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-points-3d-1px.html b/webgpu/webgpu-points-3d-1px.html
index 98ae9b42..f72b65e1 100644
--- a/webgpu/webgpu-points-3d-1px.html
+++ b/webgpu/webgpu-points-3d-1px.html
@@ -22,7 +22,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 function createFibonacciSphereVertices({
   numSamples,
diff --git a/webgpu/webgpu-points-3d-fixed-size.html b/webgpu/webgpu-points-3d-fixed-size.html
index 0b23ccc2..32010994 100644
--- a/webgpu/webgpu-points-3d-fixed-size.html
+++ b/webgpu/webgpu-points-3d-fixed-size.html
@@ -22,7 +22,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 function createFibonacciSphereVertices({
   numSamples,
diff --git a/webgpu/webgpu-points-3d.html b/webgpu/webgpu-points-3d.html
index abb022b2..ef5cb0e3 100644
--- a/webgpu/webgpu-points-3d.html
+++ b/webgpu/webgpu-points-3d.html
@@ -22,7 +22,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 function createFibonacciSphereVertices({
   numSamples,
diff --git a/webgpu/webgpu-resize-pixel-perfect-webgl-for-safari.html b/webgpu/webgpu-resize-pixel-perfect-webgl-for-safari.html
index 9d91cd13..31bfd641 100644
--- a/webgpu/webgpu-resize-pixel-perfect-webgl-for-safari.html
+++ b/webgpu/webgpu-resize-pixel-perfect-webgl-for-safari.html
@@ -21,7 +21,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import * as twgl from '/3rdparty/twgl-full.module.js';
+import * as twgl from '../3rdparty/twgl-full.module.js';
 async function main() {
   const canvas = document.querySelector('canvas');
   const gl = canvas.getContext('webgl2');
diff --git a/webgpu/webgpu-rotation-via-unit-circle.html b/webgpu/webgpu-rotation-via-unit-circle.html
index e8f2595a..732b66a8 100644
--- a/webgpu/webgpu-rotation-via-unit-circle.html
+++ b/webgpu/webgpu-rotation-via-unit-circle.html
@@ -53,7 +53,7 @@
     <div id="circle"></div>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 import UnitCircle from './resources/js/unit-circle.js';
 
 function createFVertices() {
diff --git a/webgpu/webgpu-rotation.html b/webgpu/webgpu-rotation.html
index 27a8d3ac..97131793 100644
--- a/webgpu/webgpu-rotation.html
+++ b/webgpu/webgpu-rotation.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-scale.html b/webgpu/webgpu-scale.html
index e8a186bc..54cb941e 100644
--- a/webgpu/webgpu-scale.html
+++ b/webgpu/webgpu-scale.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-scene-graphs-step-1-separate-matrices.html b/webgpu/webgpu-scene-graphs-step-1-separate-matrices.html
index cf8a4482..f25178f6 100644
--- a/webgpu/webgpu-scene-graphs-step-1-separate-matrices.html
+++ b/webgpu/webgpu-scene-graphs-step-1-separate-matrices.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const positions = [
diff --git a/webgpu/webgpu-simple-textured-quad-external-video.html b/webgpu/webgpu-simple-textured-quad-external-video.html
index 45268535..769cf182 100644
--- a/webgpu/webgpu-simple-textured-quad-external-video.html
+++ b/webgpu/webgpu-simple-textured-quad-external-video.html
@@ -39,7 +39,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-simple-textured-quad-import-canvas.html b/webgpu/webgpu-simple-textured-quad-import-canvas.html
index 7c4610f4..74a39256 100644
--- a/webgpu/webgpu-simple-textured-quad-import-canvas.html
+++ b/webgpu/webgpu-simple-textured-quad-import-canvas.html
@@ -22,7 +22,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-simple-textured-quad-import-no-mips.html b/webgpu/webgpu-simple-textured-quad-import-no-mips.html
index 2a536019..a907d3fe 100644
--- a/webgpu/webgpu-simple-textured-quad-import-no-mips.html
+++ b/webgpu/webgpu-simple-textured-quad-import-no-mips.html
@@ -21,7 +21,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-simple-textured-quad-import-video.html b/webgpu/webgpu-simple-textured-quad-import-video.html
index 41083c8a..38f18309 100644
--- a/webgpu/webgpu-simple-textured-quad-import-video.html
+++ b/webgpu/webgpu-simple-textured-quad-import-video.html
@@ -39,7 +39,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-simple-textured-quad-import.html b/webgpu/webgpu-simple-textured-quad-import.html
index 97ada6dd..93fc9043 100644
--- a/webgpu/webgpu-simple-textured-quad-import.html
+++ b/webgpu/webgpu-simple-textured-quad-import.html
@@ -35,7 +35,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-simple-textured-quad-linear.html b/webgpu/webgpu-simple-textured-quad-linear.html
index 27f7bd28..a9247303 100644
--- a/webgpu/webgpu-simple-textured-quad-linear.html
+++ b/webgpu/webgpu-simple-textured-quad-linear.html
@@ -21,7 +21,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-simple-textured-quad-minfilter.html b/webgpu/webgpu-simple-textured-quad-minfilter.html
index b1bc0ba2..a4c3c196 100644
--- a/webgpu/webgpu-simple-textured-quad-minfilter.html
+++ b/webgpu/webgpu-simple-textured-quad-minfilter.html
@@ -23,7 +23,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-simple-textured-quad-mipmap.html b/webgpu/webgpu-simple-textured-quad-mipmap.html
index 414353b4..c07c26ec 100644
--- a/webgpu/webgpu-simple-textured-quad-mipmap.html
+++ b/webgpu/webgpu-simple-textured-quad-mipmap.html
@@ -23,7 +23,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-simple-textured-quad-mipmapfilter.html b/webgpu/webgpu-simple-textured-quad-mipmapfilter.html
index bac15efe..383b25f7 100644
--- a/webgpu/webgpu-simple-textured-quad-mipmapfilter.html
+++ b/webgpu/webgpu-simple-textured-quad-mipmapfilter.html
@@ -35,7 +35,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-skybox-plus-environment-map.html b/webgpu/webgpu-skybox-plus-environment-map.html
index c89e8e4f..2cc7e3e7 100644
--- a/webgpu/webgpu-skybox-plus-environment-map.html
+++ b/webgpu/webgpu-skybox-plus-environment-map.html
@@ -22,7 +22,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 
 function createCubeVertices() {
diff --git a/webgpu/webgpu-skybox.html b/webgpu/webgpu-skybox.html
index 1837233e..48d96e13 100644
--- a/webgpu/webgpu-skybox.html
+++ b/webgpu/webgpu-skybox.html
@@ -22,7 +22,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
-import {mat4} from '/3rdparty/wgpu-matrix.module.js';
+import {mat4} from '../3rdparty/wgpu-matrix.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();
diff --git a/webgpu/webgpu-texture-atlas.html b/webgpu/webgpu-texture-atlas.html
index b78224c5..bd562054 100644
--- a/webgpu/webgpu-texture-atlas.html
+++ b/webgpu/webgpu-texture-atlas.html
@@ -32,7 +32,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createCubeVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-timing-animated.html b/webgpu/webgpu-timing-animated.html
index 70271f28..3e1ba5d0 100644
--- a/webgpu/webgpu-timing-animated.html
+++ b/webgpu/webgpu-timing-animated.html
@@ -21,7 +21,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 // A random number between [min and max)
 // With 1 argument it will be [0 to min)
diff --git a/webgpu/webgpu-timing-with-fps-js-time.html b/webgpu/webgpu-timing-with-fps-js-time.html
index b2c04012..f043f552 100644
--- a/webgpu/webgpu-timing-with-fps-js-time.html
+++ b/webgpu/webgpu-timing-with-fps-js-time.html
@@ -31,7 +31,7 @@
     <pre id="info"></pre>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 // A random number between [min and max)
 // With 1 argument it will be [0 to min)
diff --git a/webgpu/webgpu-timing-with-timestamp-w-average.html b/webgpu/webgpu-timing-with-timestamp-w-average.html
index 1beb8cf5..0908c16a 100644
--- a/webgpu/webgpu-timing-with-timestamp-w-average.html
+++ b/webgpu/webgpu-timing-with-timestamp-w-average.html
@@ -31,7 +31,7 @@
     <pre id="info"></pre>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 // A random number between [min and max)
 // With 1 argument it will be [0 to min)
diff --git a/webgpu/webgpu-timing-with-timestamp.html b/webgpu/webgpu-timing-with-timestamp.html
index 3108d91c..ccab3604 100644
--- a/webgpu/webgpu-timing-with-timestamp.html
+++ b/webgpu/webgpu-timing-with-timestamp.html
@@ -31,7 +31,7 @@
     <pre id="info"></pre>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 // A random number between [min and max)
 // With 1 argument it will be [0 to min)
diff --git a/webgpu/webgpu-timing-with-timing-helper.html b/webgpu/webgpu-timing-with-timing-helper.html
index 1ba4bbdc..75ce692b 100644
--- a/webgpu/webgpu-timing-with-timing-helper.html
+++ b/webgpu/webgpu-timing-with-timing-helper.html
@@ -31,7 +31,7 @@
     <pre id="info"></pre>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 // A random number between [min and max)
 // With 1 argument it will be [0 to min)
diff --git a/webgpu/webgpu-translation.html b/webgpu/webgpu-translation.html
index 695342c1..aa71d3d1 100644
--- a/webgpu/webgpu-translation.html
+++ b/webgpu/webgpu-translation.html
@@ -45,7 +45,7 @@
     <canvas></canvas>
   </body>
   <script type="module">
-import GUI from '/3rdparty/muigui-0.x.module.js';
+import GUI from '../3rdparty/muigui-0.x.module.js';
 
 function createFVertices() {
   const vertexData = new Float32Array([
diff --git a/webgpu/webgpu-vertex-buffers-8bit-colors-with-webgpu-utils.html b/webgpu/webgpu-vertex-buffers-8bit-colors-with-webgpu-utils.html
index 805eb3a9..d28432e8 100644
--- a/webgpu/webgpu-vertex-buffers-8bit-colors-with-webgpu-utils.html
+++ b/webgpu/webgpu-vertex-buffers-8bit-colors-with-webgpu-utils.html
@@ -24,7 +24,7 @@
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
 import {
   createBuffersAndAttributesFromArrays,
-} from '/3rdparty/webgpu-utils-1.x.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 // A random number between [min and max)
 // With 1 argument it will be [0 to min)