diff --git a/webasm/webgpu.html b/webasm/webgpu.html
index d59f3a4..06e9120 100644
--- a/webasm/webgpu.html
+++ b/webasm/webgpu.html
@@ -61,45 +61,6 @@ <h1>RGFW WebASM Example &nbsp;&nbsp;&nbsp;&nbsp;
     </canvas>
   </div>
 
-
-  <script async src="../examples/webgpu/webgpu.js"> </script>
-  <script>
-    document.addEventListener("DOMContentLoaded", function (event) {
-      if (document.querySelector('Component') == null) {
-        var script = document.querySelector('script[src="../examples/webgpu/webgpu.js"]')
-        document.head.removeChild(script)
-      }
-    }); 
-  </script>
-
-  <script async src="../webgpu.js"> </script>
-  <script>
-    document.addEventListener("DOMContentLoaded", function (event) {
-      if (document.querySelector('Component') == null) {
-        var script = document.querySelector('script[src="../webgpu.js"]')
-        document.head.removeChild(script)
-      }
-    }); 
-  </script>
-
-  <div id="log"></div>
-
-  <script>
-    (function () {
-      var logContainer = document.getElementById('log');
-      var originalLog = console.log;
-
-      console.log = function (message) {
-        if (typeof message === 'object') {
-          message = JSON.stringify(message, null, 2);
-        }
-        logContainer.innerHTML += message + '\n';
-        logContainer.scrollTop = logContainer.scrollHeight; // Auto-scroll to the bottom
-        originalLog.apply(console, arguments);
-      };
-    })();
-  </script>
-
     <script type='text/javascript'>
         var Module = {
             print: (function() {
@@ -155,6 +116,45 @@ <h1>RGFW WebASM Example &nbsp;&nbsp;&nbsp;&nbsp;
     </script>
     {{{ SCRIPT }}}
 
+
+
+  <script async src="../examples/webgpu/webgpu.js"> </script>
+  <script>
+    document.addEventListener("DOMContentLoaded", function (event) {
+      if (document.querySelector('Component') == null) {
+        var script = document.querySelector('script[src="../examples/webgpu/webgpu.js"]')
+        document.head.removeChild(script)
+      }
+    }); 
+  </script>
+
+  <script async src="../webgpu.js"> </script>
+  <script>
+    document.addEventListener("DOMContentLoaded", function (event) {
+      if (document.querySelector('Component') == null) {
+        var script = document.querySelector('script[src="../webgpu.js"]')
+        document.head.removeChild(script)
+      }
+    }); 
+  </script>
+
+  <div id="log"></div>
+
+  <script>
+    (function () {
+      var logContainer = document.getElementById('log');
+      var originalLog = console.log;
+
+      console.log = function (message) {
+        if (typeof message === 'object') {
+          message = JSON.stringify(message, null, 2);
+        }
+        logContainer.innerHTML += message + '\n';
+        logContainer.scrollTop = logContainer.scrollHeight; // Auto-scroll to the bottom
+        originalLog.apply(console, arguments);
+      };
+    })();
+  </script>
 </body>
 
 </html>