simplify

.gitignore

@@ -7,6 +7,8 @@ demos/
 pdfs/
 previous_static/
 data.json
+web-ui/user_code/tmp/web_bg.wasm
+web-ui/user_code/tmp/webgpu-examples
 
 
 ObservableRobotRemote

web-ui/connect-to-drive-archive.js

@@ -0,0 +1,34 @@
+
+
+
+process
+//use drive UI to upload 
+async function uploadAllFoldersInBucket(bucketName) {
+    const { Storage } = require('@google-cloud/storage');
+    const storage = new Storage();
+
+    try {
+        const [files] = await storage.bucket(bucketName).getFiles();
+        const folderNames = new Set();
+
+        files.forEach(file => {
+            const folderName = file.name.split('/')[0];
+            if (folderName) {
+                folderNames.add(folderName);
+            }
+        });
+
+        folderNames.forEach(folderName => {
+            console.log(`Uploading folder: ${folderName}`);
+            // Here you would implement the logic to upload the folder to Google Drive
+            // This could involve using the Google Drive API to create a folder and upload files
+        });
+
+        console.log('All folders have been processed.');
+    } catch (error) {
+        console.error('Error uploading folders:', error);
+    }
+}
+
+// Example usage
+uploadAllFoldersInBucket('your-bucket-name');

web-ui/deps.json

@@ -0,0 +1,10 @@
+{ "imports": {
+    "blag": "https://github.com/huggingface/lerobot",
+    "low_cost_robotic_manipulation": "https://github.com/AlexanderKoch-Koch/low_cost_robot/blob/main/teleoperate_real_robot.py",
+    "trossen": "https://docs.trossenrobotics.com/"
+  },
+
+  "tasks": {
+    "run": "deno run -A run.ts"
+  }
+}

web-ui/js/Odyssey-Intro.tsx

@@ -0,0 +1,179 @@
+import { useState } from 'react'
+import { Dialog, DialogPanel } from '@headlessui/react'
+import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
+
+const navigation = [
+  // { name: 'Product', href: '#' },
+  // { name: 'Features', href: '#' },
+  // { name: 'Marketplace', href: '#' },
+  // { name: 'Company', href: '#' },
+]
+
+const Thanks = () => {
+  return (
+    <h1 className="text-white glowing-rainbow-text mx-auto">
+
+    </h1>
+  );
+};
+
+export default function Example() {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
+
+  return (
+    <div className="bg-white">
+      <header className="absolute inset-x-0 top-0 z-50">
+
+{/*         
+        <nav aria-label="Global" className="flex items-center justify-between p-6 lg:px-8">
+          <div className="flex lg:flex-1">
+            <a href="#" className="-m-1.5 p-1.5">
+              <span className="sr-only">Your Company</span>
+              <img
+                alt=""
+                src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=600"
+                className="h-8 w-auto"
+              />
+            </a>
+          </div>
+          <div className="flex lg:hidden">
+            <button
+              type="button"
+              onClick={() => setMobileMenuOpen(true)}
+              className="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700"
+            >
+              <span className="sr-only">Open main menu</span>
+              <Bars3Icon aria-hidden="true" className="h-6 w-6" />
+            </button>
+          </div>
+          <div className="hidden lg:flex lg:gap-x-12">
+            {navigation.map((item) => (
+              <a key={item.name} href={item.href} className="text-sm font-semibold leading-6 text-gray-900">
+                {item.name}
+              </a>
+            ))}
+          </div>
+          <div className="hidden lg:flex lg:flex-1 lg:justify-end">
+            <a href="#" className="text-sm font-semibold leading-6 text-gray-900">
+              Log in <span aria-hidden="true">&rarr;</span>
+            </a>
+          </div>
+        </nav> */}
+
+        <Dialog open={mobileMenuOpen} onClose={setMobileMenuOpen} className="lg:hidden">
+          <div className="fixed inset-0 z-50" />
+          <DialogPanel className="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
+            <div className="flex items-center justify-between">
+              <a href="#" className="-m-1.5 p-1.5">
+                <span className="sr-only">Your Company</span>
+                <img
+                  alt=""
+                  src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=600"
+                  className="h-8 w-auto"
+                />
+              </a>
+              <button
+                type="button"
+                onClick={() => setMobileMenuOpen(false)}
+                className="-m-2.5 rounded-md p-2.5 text-gray-700"
+              >
+                <span className="sr-only">Close menu</span>
+                <XMarkIcon aria-hidden="true" className="h-6 w-6" />
+              </button>
+            </div>
+            <div className="mt-6 flow-root">
+              <div className="-my-6 divide-y divide-gray-500/10">
+                <div className="space-y-2 py-6">
+                  {navigation.map((item) => (
+                    <a
+                      key={item.name}
+                      href={item.href}
+                      className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
+                    >
+                      {item.name}
+                    </a>
+                  ))}
+                </div>
+                <div className="py-6">
+                  <a
+                    href="#"
+                    className="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
+                  >
+                    Log in
+                  </a>
+                </div>
+              </div>
+            </div>
+          </DialogPanel>
+        </Dialog>
+      </header>
+
+      <div className="relative isolate px-6 pt-14 lg:px-8">
+        <div
+          aria-hidden="true"
+          className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
+        >
+          <div
+            style={{
+              clipPath:
+                'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
+            }}
+            className="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
+          />
+        </div>
+        <div className="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
+          <div className="hidden sm:mb-8 sm:flex sm:justify-center">
+
+
+            {/* <div className="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
+              Announcing our next round of funding.{' '}
+              <a href="#" className="font-semibold text-indigo-600">
+                <span aria-hidden="true" className="absolute inset-0" />
+                Read more <span aria-hidden="true">&rarr;</span>
+              </a>
+            </div> */}
+
+
+
+          </div>
+
+
+          <div className="text-center">
+            <h1 className="text-balance text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
+            Thanks to BotParty.org + Dynamicland.org!
+            </h1>
+            {/* <p className="mt-6 text-lg leading-8 text-gray-600">
+              Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet
+              fugiat veniam occaecat fugiat aliqua.
+            </p> */}
+            <div className="mt-10 flex items-center justify-center gap-x-6">
+              {/* <a
+                href="#"
+                className="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              >
+                Get started
+              </a> */}
+              {/* <a href="#" className="text-sm font-semibold leading-6 text-gray-900">
+                Learn more <span aria-hidden="true">→</span>
+              </a> */}
+            </div>
+          </div> 
+
+
+        </div>
+        <div
+          aria-hidden="true"
+          className="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
+        >
+          <div
+            style={{
+              clipPath:
+                'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
+            }}
+            className="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
+          />
+        </div>
+      </div>
+    </div>
+  )
+}

web-ui/js/blag.jsx

@@ -1,7 +1,22 @@
-import React from "react";
+
 // the wizards are humans too -- shodan was right.
 function Blog () {  
-  return (<div class="bg-slate-900 font-white">
+  let focus = {
+    "sensors": ["zed-2i", "realsense", "roomba", "lidar", "camera"],
+    "manipulators": ["trossen", "gello", "shadow"],
+    "locomotion": ["roomba", "segway", "wheelchair"],
+    "tools": [],
+    "foundation_models": ["llama", "gpt", "gemini", "claude"]
+  }
+
+
+
+
+
+  return (
+
+
+  <div class="bg-slate-900 font-white">
     <div
       class="absolute z-20 top-0 inset-x-0 flex justify-center overflow-hidden pointer-events-none h-full"
     >
@@ -118,42 +133,49 @@ function Blog () {
                     Robotics Sensors
                   </h2>
                   <ul class="list-none pl-0 space-y-2">
-                    <li>
-                      <a
-                        href="/?"
-                        class="text-xl text-gray-400 hover:underline"
-                      >
-                        zed-2i
-                      </a>
-                    </li>
+                    {focus.sensors.map(sensor => (
+                      <li>
+                        <a
+                          href="/?"
+                          class="text-xl text-gray-400 hover:underline"
+                        >
+                          {sensor}
+                        </a>
+                      </li>
+                    ))}
                   </ul>
                 </section>
                 <section class="mb-6">
                   <h2 class="text-3xl font-bold mb-4">Robotic Manipulators</h2>
                   <ul class="list-none pl-0 space-y-2">
-                    <li>
-                      <a
-                        href="/?"
+                    {focus.manipulators.map(manipulator => (
+                      <li>
+                        <a
+                          href="/?"
                         class="text-xl text-gray-400 hover:underline"
                       >
-                        trossen
+                        {manipulator}
                       </a>
-                    </li>
-                  </ul>
+                      <a>https://github.com/wuphilipp/gello_mechanical</a>
+                    </li> 
+                    ))}
+                  </ul> 
                 </section>
                 <section class="mb-6">
                   <h2 class="text-3xl font-bold mb-4">
                     Robotic Locomotion
                   </h2>
                   <ul class="list-none pl-0 space-y-2">
-                    <li>
-                      <a
-                        href="/?"
+                    {focus.locomotion.map(locomotion => (
+                      <li>
+                        <a
+                          href="/?"
                         class="text-xl text-gray-400 hover:underline"
                       >
-                        roomba
+                        {locomotion}
                       </a>
                     </li>
+                  ))}
                   </ul>
                 </section>
 
@@ -162,14 +184,16 @@ function Blog () {
 
                   </h2>
                   <ul class="list-none pl-0 space-y-2">
-                    <li>
-                      <a
-                        href="/?"
+                    {focus.tools.map(tool => (
+                      <li>
+                        <a
+                          href="/?"
                         class="text-xl text-gray-400 hover:underline"
                       >
-                        hi
+                        {tool}
                       </a>
                     </li>
+                  ))}
                   </ul>
                 </section>
 
@@ -225,6 +249,8 @@ function Blog () {
             class="relative flex h-full max-w-full flex-1 flex-col overflow-hidden hidden"
           ></div>
         </div>
+
+{/* 
         <footer class="border-t border-gray-700 border-2-t">
           <div
             class="mx-auto max-w-7xl px-6 py-6 md:flex md:items-center md:justify-between lg:px-8"
@@ -242,7 +268,7 @@ function Blog () {
                   height="28"
                   aria-label="Observable"
                   fill="currentColor"
-                  style="width: 22px"
+                  style={{ width: "22px" }}
                   class="white"
                 >
                   <path
@@ -345,10 +371,15 @@ function Blog () {
               </div>
             </div>
           </div>
-        </footer>
+        </footer> */}
+
+
+
       </div>
     </div>
-    </div>)
+    </div>
+
+    )
 }
 
 export default Blog;