diff --git a/js/bun-livekit-server.js b/js/bun-livekit-server.js
index 7440e51ce..523839e83 100644
--- a/js/bun-livekit-server.js
+++ b/js/bun-livekit-server.js
@@ -7,7 +7,10 @@ const wsUrl = "wss://omnissiah-university-kmuz0plz.livekit.cloud";
 
 async function connect_to_livekit(options) {
   console.log("options", options);
-  if (!options.identity) throw new Error("requester must have an identity");
+  //if (!options.identity) throw new Error("requester must have an identity");
+  if (!options.identity) {
+    options.identity = 'anonymous' + Math.random().toString(36).substring(2, 15);
+  }
   const token = new AccessToken(apiKey, apiSecret, {
     identity: options.identity,
   });
diff --git a/js/robotics-odyssey-backend.tsx b/js/robotics-odyssey-backend.tsx
index 1c3fcbbcf..c58cc760e 100644
--- a/js/robotics-odyssey-backend.tsx
+++ b/js/robotics-odyssey-backend.tsx
@@ -22,7 +22,9 @@ const observable_links = {
   //"worrydream": "https://observablehq.com/embed/@roboticsuniversity/worrydream?cell=*",
   //"dynamicland.org": "https://observablehq.com/embed/@roboticsuniversity/dynamicland.org?cell=*",
   dynamicland: "https://observablehq.com/embed/@roboticsuniversity/dynamicland?cell=*",
-  livekit: "https://observablehq.com/embed/@roboticsuniversity/livekit?cell=*",
+  "livekit_subscriber": "https://observablehq.com/embed/@roboticsuniversity/livekit?cell=*",
+//  "livekit_subscriber": "https://observablehq.com/embed/@roboticsuniversity/livekit-robotics-tele-guidance?cell=*",
+
   alan_how:
     "https://observablehq.com/embed/@roboticsuniversity/alan-how?cell=*",
   hardware: "https://observablehq.com/embed/@roboticsuniversity/robotics-hardware?cell=*",
@@ -59,7 +61,9 @@ function stubObservable(name) {
 // learn react 
 
 function observable_template(name) {
-
+  if (name === 'livekit') {
+    return stubObservable(name)
+  }
  
   const _ = observable_links[name];
   if (!_) {
diff --git a/pkg/utils/rendering.go b/pkg/utils/rendering.go
index 1fdeb1e42..f3c48aaeb 100644
--- a/pkg/utils/rendering.go
+++ b/pkg/utils/rendering.go
@@ -115,8 +115,14 @@ func SetupRendering(e *echo.Echo) {
 	})
 	e.GET("/office-hours", func(c echo.Context) error {
 		fmt.Println("cgi page", "hi")
+		// headless ui
 		return c.Render(http.StatusOK, "office-hours.html", nil)
 	})
+
+	e.POST("/signup", func(c echo.Context) error {
+		fmt.Println("signup page", "hi")
+		return c.Render(http.StatusOK, "signup.html", nil)
+	})
 }
 
 // func getFilePaths(pattern string) ([]string, error) {
diff --git a/tmp/main b/tmp/main
index cf8e5f062..85b9a2feb 100755
Binary files a/tmp/main and b/tmp/main differ
diff --git a/views/odyssey/1_tele_guidance.html b/views/odyssey/1_tele_guidance.html
index 1c517800a..faf1e192a 100644
--- a/views/odyssey/1_tele_guidance.html
+++ b/views/odyssey/1_tele_guidance.html
@@ -1,8 +1,18 @@
 <!--  -->
 <!-- https://observablehq.com/@roboticsuniversity/collaborative-ui-twitch-plays-robot -->
  <!-- retool - study - them - anything dataregl  -->
+
+ <style>
+  .tele-guidance-livekit {
+    height: 800px;
+  }
+
+  .tele-guidance-voxels {
+    width: 600px;
+  }
+ </style>
  {{define "tele-guidance-frame"}}
- <iframe src="http://localhost:3003/{{.}}" class="h-80 w-full"></iframe>
+ <iframe src="http://localhost:3003/{{.}}" class="tele-guidance-{{.}} h-80 w-full"></iframe>
  {{end}}
 
 <div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
@@ -20,7 +30,7 @@
       >
         <div id="livekit-container" class="h-80 w-full">
           <!-- <img src="https://files.hashirama.blog/static/blog/5.png" class="h-80 w-full" /> -->
-           {{template "tele-guidance-frame" "livekit"}}
+           {{template "tele-guidance-frame" "livekit_subscriber"}}
         </div>
 
       </div>
@@ -47,7 +57,7 @@
         class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 max-lg:rounded-b-[2rem] lg:rounded-br-[2rem]"
       >
         {{template "tele-guidance-frame" "voxels"}}
-        <iframe style="width: 600px; " class="iframe-container" src="https://observablehq.com/embed/@roboticsuniversity/voxels-diffusion-policy-3d?cell=*"></iframe>
+        <!-- <iframe style="width: 600px; " class="iframe-container" src="https://observablehq.com/embed/@roboticsuniversity/voxels-diffusion-policy-3d?cell=*"></iframe> -->
       </div>
     </div>
   </div>