JOKE ORBIT

Tag Video

Tap a tag to toggle it on/off. Tagged videos appear in matching lanes.

⇅ Import / Export / Persist

💾 Auto-Save Status

Checking…

Auto-saves to this browser only. Clearing Safari cache or switching devices loses data. Use "Export orbit-data.json" below — upload that file to Netlify after each session for permanent cross-device persistence.

🔒 Persistent Data — orbit-data.json

After each editing session: tap Export Data → download saves as orbit-data.json → drag that file into Netlify alongside index.html. App loads it automatically on every visit, every device. Deletions are remembered because the whole list replaces the old one.

⬆ GitHub Direct Sync (one-tap save)

Write orbit-data.json directly to your GitHub repo without manual upload. Requires a GitHub Personal Access Token with repo scope.

One-time setup: GitHub → Settings → Developer settings → Personal access tokens → Tokens (classic) → Generate new token → check repo → copy token.

☁ Cloud Images & Videos (no Netlify bandwidth)

Store images/videos on a free cloud host. Paste the direct URL when adding an entry — the app uses it as-is, nothing gets stored in your HTML.

Free options:
• Cloudinary (cloudinary.com) — free 25GB. Upload image/video → copy the URL it gives you (ends in .jpg/.mp4 etc) → paste into + Add → URL field. Done.
• GitHub raw — upload image to a GitHub repo → right-click → "Copy raw URL" → paste into URL field. Free, fast.
• YouTube — for any video. Always best for comedy clips. Zero bandwidth anywhere.

Images and videos load on-demand only when you scroll to them — not all at once.

▶ YouTube Playlist → Lane

📋 JSON Prototype (for chatbot formatting)

Drop .json or .csv · or click to browse

🗂 Meme Folder → Netlify (No base64)

The right way to store meme images at scale. Images stay as files — no bloated base64 in your HTML.
Step 1: Organize memes into folders by category (folder name = tag).
Step 2: Run the Node.js scanner below — it generates a memes-import.json.
Step 3: Upload your meme folders + the HTML to Netlify (drag the whole folder).
Step 4: Import the JSON here — images load from their Netlify URLs.

// Save as scan-memes.js and run: node scan-memes.js
// Put this file next to your meme folders, e.g.:
//   my-site/
//     index.html
//     orbit-data.json
//     scan-memes.js       ← this script
//     memes/
//       dark/             ← folder name becomes a tag
//         meme1.jpg
//         meme2.png
//       absurd/
//         whatever.gif
//       wordplay/
//         pun.jpg

const fs=require('fs'),path=require('path');
const MEMES_DIR='./memes';        // relative to this script
const NETLIFY_BASE='/memes';      // URL path on your Netlify site
const IMG_EXT=/\.(jpg|jpeg|png|gif|webp|avif|svg)$/i;

const tags={};let id=Date.now();const jokes=[];

fs.readdirSync(MEMES_DIR).forEach(folder=>{
  const folderPath=path.join(MEMES_DIR,folder);
  if(!fs.statSync(folderPath).isDirectory())return;
  const tagId=folder.toLowerCase().replace(/[^a-z0-9]/g,'_');
  tags[tagId]={id:tagId,name:folder,color:null,gid:null};
  fs.readdirSync(folderPath).filter(f=>IMG_EXT.test(f)).forEach(file=>{
    jokes.push({
      id:id++,type:'meme',
      body:file.replace(/\.[^.]+$/,'').replace(/[-_]/g,' '),
      punch:'',tags:[tagId],
      md:null,mt:null,
      mu:`${NETLIFY_BASE}/${folder}/${file}`,
      mu_is_image:true,
      image:null,variants:[]
    });
  });
});

const out={
  tags:Object.values(tags),
  jokes,
  _note:`${jokes.length} memes from ${Object.keys(tags).length} folders. Upload your /memes/ folder to Netlify alongside your HTML.`
};
fs.writeFileSync('memes-import.json',JSON.stringify(out,null,2));
console.log(out._note);

After importing the JSON, export orbit-data.json and upload it alongside your /memes/ folder to Netlify.

Tag Video

Rate Video

🪐 Orbits

Edit Orbit

Add Vocab

Add New Entry

Add Variant

🔥 Contextual Hotness

★ Favorites Bins

★ Add to Favorites

≡ Manage Lanes

⇅ Import / Export / Persist

▶ YouTube Playlist Lane

⊹ Manage Tags & Groups

✂ Edit Clip Times

⚠ Delete Entry?