ocol

Author: adnan wahab

200k_prs/readme.md

@@ -3,6 +3,7 @@
 https://github.com/rnanosaur/nanosaur 
 
 
+polymerization - three.meshline + rreusser + wwwtyro compute lines
 sub-systems
 https://github.com/dustynv/jetson-containers
 https://github.com/observablheq/runtime

readme.md

@@ -23,7 +23,7 @@ incorpate -- ideas from 8 billion people
 [![Rich Hickey - Simple Mady Easy - 2011](https://img.youtube.com/vi/mwMUJg2mfII/maxresdefault.jpg)](https://youtu.be/SxdOUGdseq4?si=dh0gFVybuG8m3Mgw)
 
 [![Rich Hickey - Simple Mady Easy - 2011](https://img.youtube.com/vi/mwMUJg2mfII/maxresdefault.jpg)](https://youtu.be/SxdOUGdseq4?si=dh0gFVybuG8m3Mgw)
-# 1. ALan kay + his 25 friends created 60 Trillion in USD in 5 years - thats more than saudi aramco and 250 million years of dino saur fermentation using their mind!
+# 1. ALan kay + his 25 friends created 60 Trillion in USD in 5 years - thats more than saudi aramco and 250 million years of dino saur fermentation using their mind! (but also others carried forward their ideas.)
 # 2. Alan kay asked <a href="https://internetat50.com/references/Kay_How.pdf">HOW?</a>.
 # 3. OpeAI was made when Alan Kay met with YCResearch around 2016.
 # 4. Alan Kay said Sam Altman = "the builder of civilization"

web-ui/my-app/package.json

@@ -4,7 +4,8 @@
     "dev": "bun run --watch src/index.ts"
   },
   "dependencies": {
-    "hono": "^4.6.5"
+    "hono": "^4.6.5",
+    "resend": "^4.0.0"
   },
   "devDependencies": {
     "@types/bun": "latest"

web-ui/my-app/src/index.ts

@@ -52,7 +52,7 @@ app.all('/_/DynamicHow.tsx', async (c) => {
 })
 
 app.all('/', async (c) => {
-  return c.html(utills.indexPage)
+  return c.html(utils.indexPage)
 })
 
 app.all('/livekit_screenshare', async (c) => {
@@ -88,3 +88,8 @@ app.all('/iframe_observablbehq', async (c) => {
   const data = await response.text();
   return c.html(data);
 })
+import send_email from './marketing.tsx'
+
+app.all('/marketing', async (c) => {
+  return c.json(await send_email())
+})

web-ui/my-app/src/llama-tools.jsx

@@ -58,8 +58,8 @@ const llama_ = `
         <div class="flex p-px col-span-1">
           <div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 w-full">
             <div class="p-4">
-              <h3 class="text-sm/4 font-semibold text-gray-400">Performance</h3>
-              <p class="mt-2 text-lg/7 font-medium tracking-tight text-white">Lightning-fast builds</p>
+              <h3 class="text-sm/4 font-semibold text-gray-400">email</h3>
+              <p class="mt-2 text-lg/7 font-medium tracking-tight text-white"></p>
             </div>
           </div>
         </div>

web-ui/my-app/src/llama-tools.ts

@@ -0,0 +1,23 @@
+import { Resend } from "resend";
+import * as React from "react";
+
+const resend = new Resend();
+
+const send_email = async () => {
+    const data = await resend.emails.send({
+        from: "[email protected]",
+        to: ["[email protected]"],
+        subject: "Hello from Bun + Resend + React Email 🫓💌",
+        text: "Hello, Adnan!",
+    });
+
+    return new Response(JSON.stringify(data));
+}
+export default send_email;
+
+console.log(`Listening on http://localhost:${server.port} ...`);
+
+
+//use deno server-side rendering -------- Mix ML + nanite --- ray traced emails - 5 min per person ---
+
+/// --- convert their ideas into a comic book - 

web-ui/my-app/src/marketing.tsx

@@ -30,6 +30,7 @@ function RoboticsOdyssey() {
       <LLama_Grid_cell title="4. Alan How" src="https://observablehq.com/embed/@roboticsuniversity/alan_how?cells=Complex_Systems" />
       <LLama_Grid_cell title="5. Dynamicland" src="https://observablehq.com/embed/@roboticsuniversity/dynamicland@83?cells=magic_cube%2Cladder_%2CSeeing_space" />
             <Sisterschools />
+            {/* <iframe width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/4t3Xz8?gui=true&t=10&paused=true&muted=false" allowfullscreen></iframe> */}
             <Footer />
             {/* <Hardware_Picker></Hardware_Picker> */}
           </main>

web-ui/my-app/src/robotics-odyssey.tsx

@@ -16,6 +16,31 @@ import { WebhookReceiver } from 'livekit-server-sdk';
 
 import * as utils from './utils.ts'
 
+
+import $ from "bun"
+
+const json_keys = await $`op item list --tags api --format json`.json()
+const shit = `#!/bin/bash
+
+# Fetch all item IDs tagged with 'api'
+item_ids=$(op item list --tags api --format json | jq -r '.[].id')
+
+# Loop through each item ID and retrieve the notes
+for id in $item_ids; do
+  # Get the item details in JSON
+  item_details=$(op item get "$id" --format json)
+  
+  # Extract the title and notes
+  title=$(echo "$item_details" | jq -r '.overview.title')
+  notes=$(echo "$item_details" | jq -r '.notesPlain')
+  
+  echo "------------------------------"
+  echo "Title: $title"
+  echo "Notes:"
+  echo "$notes"
+  echo "------------------------------"
+done`
+
 const apiKey = process.env.LIVEKIT_API_KEY
 const apiSecret = process.env.LIVEKIT_API_SECRET
 const wsUrl = process.env.LIVEKIT_WS_URL
@@ -74,13 +99,13 @@ export const webhook_receiver = async (c: Context) => {
     </head>
     <body>
       <div class="p-4">
-        <h1 class="text-4xl font-bold mb-4"><a href="/">Robotics Odyssey</a> <a class="float-right" href="https://buy.stripe.com/test_28o6oZelUe8g2HubII">pay via stripe </a></h1>
+        <h1 class="text-4xl font-bold mb-4"><a href="/">Robotics Odyssey</a></h1>
         <div>${content}</div>
       </div>
     </body>
   </html>
 `
-
+//  <a class="float-right" href="https://buy.stripe.com/test_28o6oZelUe8g2HubII">pay via stripe </a><
 //after 1k signups - lower price to course by 10% by 1k till $5 for life.
 //only need 20k per year -  (20k / 100) = (goal: 200per year) - rest -> reinveest to hardware
 //1 buy per day = all beings (awaken + flourish)
@@ -99,7 +124,7 @@ export const llama_ = `
     </head>
     <body>
       <div class="p-4">
-        <h1 class="text-4xl font-bold mb-4"><a href="/">Robotics Odyssey</a> <a class="float-right" href="https://buy.stripe.com/test_28o6oZelUe8g2HubII">pay via stripe </a></h1>
+        <h1 class="text-4xl font-bold mb-4"><a href="/">LLama Tools</a> <a class="float-right hidden" href="https://buy.stripe.com/test_28o6oZelUe8g2HubII">pay via stripe </a></h1>
 <div class="bg-gray-900 py-2 sm:py-32">
     <div class="mx-auto px-6 lg:max-w-7xl lg:px-8">
       <h2 class="text-base/7 font-semibold text-indigo-400">Deploy faster</h2>

web-ui/my-app/src/utils.ts

@@ -6,16 +6,17 @@ export default function Example() {
           Sister Schools
         </h2>
         <div className="mx-auto  grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5">
+   
           <img
-            alt="Dynamcland"
-            src="https://pbs.twimg.com/profile_images/907410769343426561/Zr3Z2_cD_400x400.jpg"
+            alt="Y Combinator"
+            src="https://pbs.twimg.com/profile_images/1623777064821358592/9CApQWXe_400x400.png"
             width={158}
             height={48}
             className="col-span-2 max-h-12 w-full object-contain lg:col-span-1"
           />
-          <img
-            alt="Y Combinator"
-            src="https://pbs.twimg.com/profile_images/1623777064821358592/9CApQWXe_400x400.png"
+                 <img
+            alt="Dynamcland"
+            src="https://pbs.twimg.com/profile_images/907410769343426561/Zr3Z2_cD_400x400.jpg"
             width={158}
             height={48}
             className="col-span-2 max-h-12 w-full object-contain lg:col-span-1"
@@ -41,6 +42,13 @@ export default function Example() {
             height={48}
             className="col-span-2 col-start-2 max-h-12 w-full object-contain sm:col-start-auto lg:col-span-1"
           />
+          <img
+            alt="SICP"
+            src="https://mitp-content-server.mit.edu/books/content/sectbyfn/books_pres_0/6515/sicp.zip/full-text/book/cover.jpg"
+            width={158}
+            height={48}
+            className="col-span-2 col-start-2 max-h-12 w-full object-contain sm:col-start-auto lg:col-span-1"
+          />
         </div>
       </div>
     </div>