cool

adnanwahab · Oct 18, 2024 · fd015d5 · fd015d5
1 parent eb1496b
commit fd015d5
Show file tree

Hide file tree

Showing 2 changed files with 135 additions and 1 deletion.
diff --git a/web-ui/docs/index.html b/web-ui/docs/index.html
@@ -0,0 +1,134 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <div>
+      <script src="https://cdn.tailwindcss.com"></script>
+
+      <meta
+        property="og:title"
+        content="Robotics Odyssey - Reimagining Robotics: Merging Systems Thinking and Dynamic Media"
+      />
+      <meta
+        property="og:description"
+        content="Explore a new approach to robotics that transcends conventional thinking, inspired by the principles of Alan Kay and Bret Victor. Discover how interconnected systems, dynamic media, and human-centric design can tackle the immense challenges of our time."
+      />
+      <meta property="og:url" content="https://robtics-odyssey.com" />
+      <meta property="og:type" content="website" />
+      <meta
+        property="og:image"
+        content="https://hashirama.blog/static/images/blog/sicp.png"
+      />
+
+      <link rel="canonical" href="https://robtics-odyssey.com" />
+
+      <meta property="og:image:width" content="1200" />
+      <meta property="og:image:height" content="630" />
+      <meta property="og:site_name" content="Robotics-Odyssey" />
+      <meta itemprop="url" content="https://robtics-odyssey.com" />
+      <meta name="twitter:title" content="Robotics-Odyssey" />
+      <meta name="twitter:url" content="https://robtics-odyssey.com" />
+      <meta
+        name="twitter:card"
+        content="Reimagining Robotics: Merging Systems Thinking and Dynamic Media"
+      />
+      <meta
+        name="description"
+        content="Explore a new approach to robotics that transcends conventional thinking, inspired by the principles of Alan Kay and Bret Victor. Discover how interconnected systems, dynamic media, and human-centric design can tackle the immense challenges of our time."
+      />
+
+      <meta charset="utf-8" />
+      <meta http-equiv="x-ua-compatible" content="ie=edge" />
+      <title>Robotics Odyssey</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+
+      <link rel="icon" href="/static/images/blog/favicon.svg" />
+      <link
+        rel="sitemap"
+        type="application/xml"
+        title="Sitemap"
+        href="/sitemap.xml"
+      />
+      <meta name="language" content="English" />
+      <link href="/static/css/output.css" rel="stylesheet" />
+      <script src="/static/js/htmx.js"></script>
+      <script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
+
+      <link
+        rel="stylesheet"
+        type="text/css"
+        href="https://cdn.jsdelivr.net/npm/@observablehq/inspector@5/dist/inspector.css"
+      />
+    </div>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  </head>
+  <body class="bg-blue-500>
+    <div> {{template blag}}</div>
+    <div id="app"></div>
+    <script type="module" src="/js/main.js"></script>
+  </body>
+</html>
+
+<!--
+        <div id="observablehq-2a85717e"></div>
+<p>Credit: <a href="https://observablehq.com/@roboticsuniversity/alanthree">Three.js by roboticsuniversity</a></p>
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@observablehq/inspector@5/dist/inspector.css">
+<script type="module">
+import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js";
+import define from "https://api.observablehq.com/@roboticsuniversity/alanthree.js?v=4";
+new Runtime().module(define, Inspector.into("#observablehq-2a85717e"));
+</script> -->
+
+
+<!-- const fileKey = "your-file-key";
+const apiKey = "your-api-token";
+const url = `https://api.figma.com/v1/files/${fileKey}`;
+
+fetch(url, {
+  headers: {
+    'X-Figma-Token': apiKey
+  }
+})
+  .then(response => response.json())
+  .then(data => console.log(data)); -->
+
+  <!-- https://worrydream.com/MagicInk/p/communication_model.png -->
+<!-- 
+  <h1>Zig REPL in Browser</h1>
+  <textarea id="code" placeholder="Enter your Zig code here..."></textarea>
+  <button onclick="runZig()">Run</button>
+  <pre id="output"></pre>
+
+  <script>
+    let wasmModule;
+
+    async function loadWasm() {
+      const response = await fetch('foo.wasm');
+      const buffer = await response.arrayBuffer();
+      const wasm = await WebAssembly.instantiate(buffer);
+      wasmModule = wasm.instance.exports;
+    }
+
+    function runZig() {
+      const code = document.getElementById('code').value;
+      try {
+        const result = wasmModule._evalZig(code);
+        document.getElementById('output').textContent = result;
+      } catch (e) {
+        document.getElementById('output').textContent = 'Error: ' + e.message;
+      }
+    }
+
+    loadWasm();
+  </script> -->
+
+  <!-- https://github.com/zigcc/awesome-zig -->
+  <!-- https://yann.lecun.com/ -->
+   <!-- https://codepen.io/ -->
+    <!-- https://codesandbox.io/p/sandbox/whiteboard-react-app-gozlg?file=%2Fsrc%2FApp.js -->
+    <!-- https://github.com/observablehq/framework/tree/main/examples/codemirror -->
+    <!-- https://observablehq.observablehq.cloud/framework-example-intersection-observer/ -->
+     <!-- https://observablehq.observablehq.cloud/framework-example-responsive-iframe/ -->
+      <!-- https://observablehq.observablehq.cloud/framework-example-custom-stylesheet/ -->
diff --git a/web-ui/js/views/odyssey/blag.html b/web-ui/js/views/odyssey/blag.html
@@ -63,7 +63,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   </head>
-  <body class="bg-blue-500">
+  <body class="bg-blue-500>
     <div> {{template blag}}</div>
     <div id="app"></div>
     <script type="module" src="/js/main.js"></script>