Dyson Sphere Blueprints

The Real One

<html class="scroll-smooth" lang="en">
| <head>
| <meta charset="utf-8"/>
| <meta content="width=device-width, initial-scale=1" name="viewport"/>
| <title>
| Smart Sphere Star Harnessing App
| </title>
| <script src="https://cdn.tailwindcss.com">
| </script>
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
| <link href="https://fonts.googleapis.com/css2?family=Orbitron&family=Roboto+Mono&display=swap" rel="stylesheet"/>
| <style>
| body {
| font-family: 'Roboto Mono', monospace;
| background-color: #0f172a;
| color: #d1d5db;
| }
| .terminal {
| background-color: #111827;
| border-radius: 0.5rem;
| box-shadow: 0 0 15px #22c55e;
| font-family: 'Roboto Mono', monospace;
| font-size: 0.875rem;
| line-height: 1.25rem;
| color: #22c55e;
| padding: 1rem;
| min-height: 300px;
| overflow-y: auto;
| white-space: pre-wrap;
| user-select: text;
| }
| .terminal-input {
| outline: none;
| border: none;
| background: transparent;
| color: #22c55e;
| font-family: 'Roboto Mono', monospace;
| font-size: 0.875rem;
| width: 100%;
| caret-color: #22c55e;
| }
| .scrollbar-thin::-webkit-scrollbar {
| width: 6px;
| }
| .scrollbar-thin::-webkit-scrollbar-track {
| background: transparent;
| }
| .scrollbar-thin::-webkit-scrollbar-thumb {
| background-color: #22c55e;
| border-radius: 3px;
| }
| .star-filled-vial {
| width: 48px;
| height: 96px;
| background: linear-gradient(180deg, #22c55e 0%, #166534 100%);
| border-radius: 0.75rem 0.75rem 0.25rem 0.25rem;
| box-shadow: 0 0 8px #22c55e;
| position: relative;
| margin: 0.25rem;
| display: flex;
| flex-direction: column;
| justify-content: flex-end;
| overflow: hidden;
| cursor: grab;
| transition: transform 0.3s ease;
| }
| .star-filled-vial:active {
| cursor: grabbing;
| transform: scale(1.1);
| box-shadow: 0 0 20px #4ade80;
| z-index: 1000;
| }
| .star-filled-vial:hover {
| transform: scale(1.1);
| box-shadow: 0 0 15px #4ade80;
| z-index: 10;
| }
| .star-filled-vial::before {
| content: '';
| position: absolute;
| top: 0.25rem;
| left: 50%;
| transform: translateX(-50%);
| width: 24px;
| height: 12px;
| background: #166534;
| border-radius: 12px 12px 0 0;
| box-shadow: inset 0 2px 4px #22c55e;
| z-index: 10;
| }
| .vial-liquid {
| background: #22c55e;
| height: 60%;
| border-radius: 0 0 0.75rem 0.75rem;
| box-shadow: inset 0 0 10px #4ade80;
| transition: height 0.5s ease;
| }
| .btn-green {
| background-color: #22c55e;
| color: #0f172a;
| font-weight: 600;
| transition: background-color 0.3s ease;
| }
| .btn-green:hover:not(:disabled) {
| background-color: #16a34a;
| }
| .btn-green:disabled {
| background-color: #4ade80;
| cursor: not-allowed;
| }
| .btn-red {
| background-color: #dc2626;
| color: #fef2f2;
| font-weight: 600;
| transition: background-color 0.3s ease;
| }
| .btn-red:hover:not(:disabled) {
| background-color: #b91c1c;
| }
| .btn-red:disabled {
| background-color: #fca5a5;
| cursor: not-allowed;
| }
| .btn-yellow {
| background-color: #eab308;
| color: #1e293b;
| font-weight: 600;
| transition: background-color 0.3s ease;
| }
| .btn-yellow:hover {
| background-color: #ca8a04;
| }
| .scrollbar-thin {
| scrollbar-width: thin;
| scrollbar-color: #22c55e transparent;
| }
| /* Sphere container and beams animation */
| .sphere-container {
| position: relative;
| width: 100%;
| max-width: 400px;
| aspect-ratio: 1 / 1;
| margin: 0 auto;
| perspective: 1200px;
| }
| .sphere {
| width: 100%;
| height: 100%;
| border-radius: 50%;
| background: radial-gradient(circle at center, #22c55e 20%, #064e3b 90%);
| box-shadow:
| inset 0 0 20px #4ade80,
| 0 0 30px #22c55e;
| position: relative;
| transform-style: preserve-3d;
| animation: sphere-rotate 20s linear infinite;
| }
| @keyframes sphere-rotate {
| 0% {
| transform: rotateX(0deg) rotateY(0deg);
| }
| 100% {
| transform: rotateX(360deg) rotateY(360deg);
| }
| }
| /* Beams container */
| .beams-container {
| position: absolute;
| top: 50%;
| left: 50%;
| width: 100%;
| height: 100%;
| pointer-events: none;
| transform-style: preserve-3d;
| transform-origin: center center;
| animation: beams-pulse 3s ease-in-out infinite;
| }
| @keyframes beams-pulse {
| 0%, 100% {
| filter: drop-shadow(0 0 6px #22c55e);
| }
| 50% {
| filter: drop-shadow(0 0 12px #4ade80);
| }
| }
| /* Beam line */
| .beam-line {
| position: absolute;
| width: 2px;
| background: linear-gradient(180deg, #22c55e, transparent);
| border-radius: 1px;
| transform-origin: top center;
| animation: beam-glow 2s ease-in-out infinite alternate;
| filter: drop-shadow(0 0 4px #22c55e);
| }
| @keyframes beam-glow {
| 0% {
| opacity: 0.6;
| box-shadow: 0 0 6px #22c55e;
| }
| 100% {
| opacity: 1;
| box-shadow: 0 0 14px #4ade80;
| }
| }
| /* Star dot */
| .star-dot {
| position: absolute;
| width: 12px;
| height: 12px;
| background: #22c55e;
| border-radius: 50%;
| box-shadow: 0 0 8px #4ade80;
| cursor: pointer;
| transition: transform 0.3s ease;
| }
| .star-dot:hover {
| transform: scale(1.5);
| box-shadow: 0 0 20px #86efac;
| z-index: 20;
| }
| /* Voice & Brain info box */
| .info-box {
| background: #064e3b;
| border: 2px solid #22c55e;
| border-radius: 0.5rem;
| padding: 1rem;
| margin-top: 1rem;
| color: #a7f3d0;
| font-size: 0.9rem;
| font-family: 'Roboto Mono', monospace;
| user-select: none;
| }
| /* Voice icon animation */
| .voice-icon {
| animation: pulse-voice 2s infinite;
| color: #22c55e;
| font-size: 1.5rem;
| vertical-align: middle;
| margin-right: 0.5rem;
| }
| @keyframes pulse-voice {
| 0%, 100% {
| opacity: 1;
| text-shadow: 0 0 6px #22c55e;
| }
| 50% {
| opacity: 0.6;
| text-shadow: 0 0 12px #4ade80;
| }
| }
| /* Brain icon animation */
| .brain-icon {
| animation: pulse-brain 3s infinite;
| color: #22c55e;
| font-size: 1.5rem;
| vertical-align: middle;
| margin-right: 0.5rem;
| }
| @keyframes pulse-brain {
| 0%, 100% {
| opacity: 1;
| text-shadow: 0 0 6px #22c55e;
| }
| 50% {
| opacity: 0.7;
| text-shadow: 0 0 14px #4ade80;
| }
| }
| /* Scrollable star list with custom scrollbar */
| .star-list {
| max-height: 180px;
| overflow-y: auto;
| scrollbar-width: thin;
| scrollbar-color: #22c55e transparent;
| }
| .star-list::-webkit-scrollbar {
| width: 6px;
| }
| .star-list::-webkit-scrollbar-track {
| background: transparent;
| }
| .star-list::-webkit-scrollbar-thumb {
| background-color: #22c55e;
| border-radius: 3px;
| }
| /* Tooltip for star dots */
| .tooltip {
| position: absolute;
| background: #064e3b;
| border: 1px solid #22c55e;
| padding: 0.25rem 0.5rem;
| border-radius: 0.25rem;
| font-size: 0.75rem;
| color: #a7f3d0;
| pointer-events: none;
| white-space: nowrap;
| user-select: none;
| z-index: 50;
| opacity: 0;
| transition: opacity 0.2s ease;
| }
| .tooltip.visible {
| opacity: 1;
| }
| /* Drag & Drop container styles */
| #vials-container, #distribution-container {
| min-height: 120px;
| border: 2px dashed #22c55e;
| border-radius: 0.5rem;
| padding: 0.5rem;
| display: flex;
| flex-wrap: wrap;
| gap: 0.5rem;
| background-color: #0f172a;
| transition: background-color 0.3s ease;
| }
| #vials-container.dragover, #distribution-container.dragover {
| background-color: #164e2e;
| border-color: #4ade80;
| }
| /* Distribution section */
| #distribution-section {
| background-color: #111827;
| border-radius: 0.75rem;
| padding: 1rem;
| margin-top: 1rem;
| color: #a7f3d0;
| font-family: 'Roboto Mono', monospace;
| }
| #distribution-section h3 {
| font-family: 'Orbitron', monospace;
| color: #22c55e;
| margin-bottom: 0.5rem;
| }
| /* Timezone grid */
| #timezone-grid {
| display: grid;
| grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
| gap: 0.5rem;
| max-height: 300px;
| overflow-y: auto;
| border: 1px solid #22c55e;
| border-radius: 0.5rem;
| padding: 0.5rem;
| background-color: #0f172a;
| }
| .timezone-block {
| background-color: #064e3b;
| border: 1px solid #22c55e;
| border-radius: 0.5rem;
| padding: 0.5rem;
| font-size: 0.75rem;
| text-align: center;
| user-select: none;
| cursor: default;
| color: #a7f3d0;
| display: flex;
| flex-direction: column;
| justify-content: center;
| align-items: center;
| min-height: 60px;
| transition: background-color 0.3s ease;
| }
| .timezone-block.active {
| background-color: #22c55e;
| color: #0f172a;
| font-weight: 700;
| box-shadow: 0 0 10px #4ade80;
| }
| /* Responsive tweaks */
| @media (max-width: 768px) {
| main {
| grid-template-columns: 1fr !important;
| }
| #distribution-section {
| margin-top: 1.5rem;
| }
| }
| </style>
| </head>
| <body class="min-h-screen flex flex-col">
| <header class="bg-gray-900 p-4 flex flex-col md:flex-row items-center justify-between">
| <div class="flex items-center space-x-3">
| <img alt="Smart tracking sphere, metallic silver with green glowing lines, floating in space" class="w-12 h-12 rounded-full" src="https://placehold.co/48x48/png?text=Sphere"/>
| <h1 class="text-2xl font-orbitron font-bold text-green-400 select-none">
| Smart Sphere Star Harnessing
| </h1>
| </div>
| <nav class="mt-3 md:mt-0">
| <ul class="flex space-x-6 text-green-300 font-semibold text-sm select-none">
| <li>
| <button aria-label="Start harnessing process" class="btn-green px-3 py-1 rounded flex items-center space-x-2" id="btn-start">
| <i aria-hidden="true" class="fas fa-play">
| </i>
| <span>
| Start Harness
| </span>
| </button>
| </li>
| <li>
| <button aria-label="Stop harnessing process" class="btn-red px-3 py-1 rounded flex items-center space-x-2" disabled="" id="btn-stop">
| <i aria-hidden="true" class="fas fa-stop">
| </i>
| <span>
| Stop Harness
| </span>
| </button>
| </li>
| </ul>
| </nav>
| </header>
| <main class="flex-grow p-4 max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-6">
| 
| <section class="col-span-1 md:col-span-2 bg-gray-800 rounded-lg p-4 flex flex-col items-center relative">
| <div aria-label="Smart sphere with tracking beams" class="sphere-container">
| <div class="sphere" id="sphere">
| </div>
| <div aria-hidden="true" class="beams-container" id="beams-container">
| </div>
| <div aria-hidden="true" class="tooltip" id="tooltip" role="tooltip">
| </div>
| </div>
| <p class="mt-4 text-green-300 text-center font-mono text-sm max-w-xl">
| The sphere intelligently tracks stars and harnesses their energy by searching constellations and individual stars. Click on stars to see details.
| </p>
| <div aria-atomic="true" aria-live="polite" class="info-box mt-6 w-full max-w-xl" id="voice-brain-info">
| <div class="flex items-center mb-2">
| <i aria-hidden="true" class="fas fa-microphone voice-icon">
| </i>
| <span>
| <strong>
| Voice Enabled:
| </strong>
| The sphere can communicate with stars using voice commands.
| </span>
| </div>
| <div class="flex items-center">
| <i aria-hidden="true" class="fas fa-brain brain-icon">
| </i>
| <span>
| <strong>
| Brain Insurance:
| </strong>
| Only
| <em>
| Antonio Rodriguez Jr.
| </em>
| can convert, channel, stream, listen, touch, smell, feel, and manage star energy.
| </span>
| </div>
| </div>
| </section>
| 
| <section class="col-span-1 md:col-span-2 bg-gray-900 rounded-lg p-4 flex flex-col">
| <h2 class="text-green-400 font-orbitron text-xl mb-3 select-none">
| Stars Harnessed & To Harness
| </h2>
| <div class="flex flex-col space-y-4 overflow-y-auto max-h-[400px] scrollbar-thin pr-2">
| <div>
| <h3 class="text-green-300 font-semibold mb-1">
| Harnessed Stars
| </h3>
| <ul aria-label="List of harnessed stars" class="list-disc list-inside text-green-200 star-list" id="list-harnessed" tabindex="0">
| </ul>
| </div>
| <div>
| <h3 class="text-yellow-400 font-semibold mb-1">
| Stars To Harness
| </h3>
| <ul aria-label="List of stars to harness" class="list-disc list-inside text-yellow-300 star-list" id="list-to-harness" tabindex="0">
| </ul>
| </div>
| </div>
| <h2 class="text-green-400 font-orbitron text-xl mt-6 mb-3 select-none">
| Collected Vials (Drag to Distribute Energy)
| </h2>
| <div aria-dropeffect="move" aria-label="Collected energy vials" class="flex flex-wrap gap-2 min-h-[120px]" id="vials-container" tabindex="0">
| </div>
| <section aria-label="Energy distribution section" id="distribution-section" tabindex="0">
| <h3>
| Energy Distribution Across Timezones
| </h3>
| <p class="mb-2 text-sm text-green-300">
| Drag vials here to distribute star energy to real-life locations worldwide using IP blocks and timezone coverage. All timezones are included to ensure universal interest reception.
| </p>
| <div aria-dropeffect="move" aria-label="Distributed energy vials container" class="min-h-[120px] flex flex-wrap gap-2" id="distribution-container" tabindex="0">
| </div>
| <h3 class="mt-4">
| Timezones
| </h3>
| <div aria-label="List of all world timezones with energy distribution status" id="timezone-grid" tabindex="0">
| </div>
| </section>
| </section>
| </main>
| 
| <section class="bg-gray-900 p-4 max-w-7xl mx-auto rounded-lg mt-6 mb-6">
| <h2 class="text-green-400 font-orbitron text-xl mb-3 select-none">
| Star Communication Terminal
| </h2>
| <div aria-atomic="true" aria-label="Star communication terminal" aria-live="polite" aria-multiline="true" class="terminal scrollbar-thin" contenteditable="false" id="terminal" role="textbox" tabindex="0">
| <div aria-atomic="true" aria-live="polite" class="mb-2" id="terminal-output">
| </div>
| <div class="flex items-center space-x-2">
| <span aria-hidden="true" class="text-green-400 font-bold select-none">
| >
| </span>
| <input aria-label="Terminal command input" autocomplete="off" class="terminal-input flex-grow" disabled="" id="terminal-input" spellcheck="false" type="text"/>
| </div>
| </div>
| </section>
| <script>
| // Data for stars with 3D positions (x,y in % relative to sphere container)
| const allStars = [
| { name: "Sirius", constellation: "Canis Major", harnessed: true, x: 70, y: 30, voice: true, brain: true },
| { name: "Betelgeuse", constellation: "Orion", harnessed: true, x: 40, y: 20, voice: true, brain: false },
| { name: "Rigel", constellation: "Orion", harnessed: false, x: 45, y: 60, voice: false, brain: false },
| { name: "Vega", constellation: "Lyra", harnessed: false, x: 80, y: 50, voice: false, brain: false },
| { name: "Polaris", constellation: "Ursa Minor", harnessed: true, x: 50, y: 10, voice: true, brain: true },
| { name: "Altair", constellation: "Aquila", harnessed: false, x: 60, y: 70, voice: false, brain: false },
| { name: "Aldebaran", constellation: "Taurus", harnessed: false, x: 30, y: 40, voice: false, brain: false },
| { name: "Antares", constellation: "Scorpius", harnessed: false, x: 20, y: 65, voice: false, brain: false },
| { name: "Spica", constellation: "Virgo", harnessed: true, x: 35, y: 25, voice: true, brain: false },
| { name: "Deneb", constellation: "Cygnus", harnessed: false, x: 75, y: 75, voice: false, brain: false },
| { name: "Castor", constellation: "Gemini", harnessed: false, x: 55, y: 35, voice: false, brain: false },
| { name: "Pollux", constellation: "Gemini", harnessed: false, x: 58, y: 38, voice: false, brain: false },
| { name: "Procyon", constellation: "Canis Minor", harnessed: true, x: 65, y: 45, voice: true, brain: false },
| { name: "Fomalhaut", constellation: "Piscis Austrinus", harnessed: false, x: 25, y: 55, voice: false, brain: false },
| { name: "Regulus", constellation: "Leo", harnessed: false, x: 40, y: 75, voice: false, brain: false }
| ];
|

| // List of all timezones (IANA) with display names and UTC offsets
| // For brevity, a representative subset of all timezones is included here.
| // In a real app, you would include all timezones.
| const timezones = [
| { id: "Pacific/Midway", name: "Midway Island", offset: "-11:00" },
| { id: "Pacific/Honolulu", name: "Hawaii", offset: "-10:00" },
| { id: "America/Anchorage", name: "Alaska", offset: "-09:00" },
| { id: "America/Los_Angeles", name: "Pacific Time (US & Canada)", offset: "-08:00" },
| { id: "America/Denver", name: "Mountain Time (US & Canada)", offset: "-07:00" },
| { id: "America/Chicago", name: "Central Time (US & Canada)", offset: "-06:00" },
| { id: "America/New_York", name: "Eastern Time (US & Canada)", offset: "-05:00" },
| { id: "America/Caracas", name: "Caracas", offset: "-04:30" },
| { id: "America/Halifax", name: "Atlantic Time (Canada)", offset: "-04:00" },
| { id: "America/St_Johns", name: "Newfoundland", offset: "-03:30" },
| { id: "America/Argentina/Buenos_Aires", name: "Buenos Aires", offset: "-03:00" },
| { id: "Atlantic/South_Georgia", name: "South Georgia", offset: "-02:00" },
| { id: "Atlantic/Azores", name: "Azores", offset: "-01:00" },
| { id: "Europe/London", name: "London", offset: "+00:00" },
| { id: "Europe/Berlin", name: "Berlin", offset: "+01:00" },
| { id: "Europe/Athens", name: "Athens", offset: "+02:00" },
| { id: "Europe/Moscow", name: "Moscow", offset: "+03:00" },
| { id: "Asia/Dubai", name: "Dubai", offset: "+04:00" },
| { id: "Asia/Karachi", name: "Karachi", offset: "+05:00" },
| { id: "Asia/Kolkata", name: "India Standard Time", offset: "+05:30" },
| { id: "Asia/Bangkok", name: "Bangkok", offset: "+07:00" },
| { id: "Asia/Shanghai", name: "Shanghai", offset: "+08:00" },
| { id: "Asia/Tokyo", name: "Tokyo", offset: "+09:00" },
| { id: "Australia/Sydney", name: "Sydney", offset: "+10:00" },
| { id: "Pacific/Auckland", name: "Auckland", offset: "+12:00" },
| { id: "Pacific/Chatham", name: "Chatham Islands", offset: "+12:45" }
| ];
|

| // Commands for terminal
| const commands = {
| help: {
| description: "List available commands",
| action: () => {
| return Object.entries(commands)
| .map(([cmd, obj]) => `${cmd} - ${obj.description}`)
| .join("\n");
| },
| },
| list: {
| description: "List stars and their harness status",
| action: () => {
| let output = "Harnessed Stars:\n";
| output += allStars.filter(s => s.harnessed).map(s => `- ${s.name} (${s.constellation})`).join("\n") + "\n\n";
| output += "Stars To Harness:\n";
| output += allStars.filter(s => !s.harnessed).map(s => `- ${s.name} (${s.constellation})`).join("\n");
| return output;
| },
| },
| harness: {
| description: "Start harnessing a star by name. Usage: harness [star name]",
| action: (args) => {
| if (!args.length) return "Error: No star name provided.";
| const starName = args.join(" ").toLowerCase();
| const star = allStars.find(s => s.name.toLowerCase() === starName);
| if (!star) return `Error: Star '${args.join(" ")}' not found.`;
| if (star.harnessed) return `Star '${star.name}' is already harnessed.`;
| star.harnessed = true;
| updateStarLists();
| addVial(star.name);
| updateStarDot(star.name);
| return `Star '${star.name}' is now harnessed and energy vial collected.`;
| },
| },
| unharness: {
| description: "Remove harness from a star by name. Usage: unharness [star name]",
| action: (args) => {
| if (!args.length) return "Error: No star name provided.";
| const starName = args.join(" ").toLowerCase();
| const star = allStars.find(s => s.name.toLowerCase() === starName);
| if (!star) return `Error: Star '${args.join(" ")}' not found.`;
| if (!star.harnessed) return `Star '${star.name}' is not harnessed.`;
| star.harnessed = false;
| updateStarLists();
| removeVial(star.name);
| updateStarDot(star.name);
| return `Star '${star.name}' harness removed and vial discarded.`;
| },
| },
| tasks: {
| description: "List tasks due for harnessing and energy management",
| action: () => {
| const toHarness = allStars.filter(s => !s.harnessed);
| if (!toHarness.length) return "All stars are harnessed. No pending tasks.";
| return toHarness.map(s => `- Harness star '${s.name}' in constellation '${s.constellation}'`).join("\n");
| },
| },
| status: {
| description: "Show current harnessing status",
| action: () => {
| const harnessedCount = allStars.filter(s => s.harnessed).length;
| const total = allStars.length;
| return `Harnessed ${harnessedCount} out of ${total} stars.\nVials collected: ${vials.length}`;
| },
| },
| clear: {
| description: "Clear terminal output",
| action: () => {
| terminalOutput.innerText = "";
| return "";
| },
| },
| voice: {
| description: "Toggle voice communication with a star. Usage: voice [star name]",
| action: (args) => {
| if (!args.length) return "Error: No star name provided.";
| const starName = args.join(" ").toLowerCase();
| const star = allStars.find(s => s.name.toLowerCase() === starName);
| if (!star) return `Error: Star '${args.join(" ")}' not found.`;
| star.voice = !star.voice;
| updateStarDot(star.name);
| return `Voice communication ${star.voice ? "enabled" : "disabled"} for star '${star.name}'.`;
| }
| },
| brain: {
| description: "Toggle brain insurance for a star. Usage: brain [star name]",
| action: (args) => {
| if (!args.length) return "Error: No star name provided.";
| if (currentUser !== "Antonio Rodriguez Jr.") return "Access denied: Only Antonio Rodriguez Jr. can toggle brain insurance.";
| const starName = args.join(" ").toLowerCase();
| const star = allStars.find(s => s.name.toLowerCase() === starName);
| if (!star) return `Error: Star '${args.join(" ")}' not found.`;
| star.brain = !star.brain;
| updateStarDot(star.name);
| return `Brain insurance ${star.brain ? "enabled" : "disabled"} for star '${star.name}'.`;
| }
| }
| };
|

| // Vials collected
| let vials = [];
|

| // Distributed vials mapped by timezone id
| let distributedVials = {};
|

| // DOM references
| const listHarnessed = document.getElementById("list-harnessed");
| const listToHarness = document.getElementById("list-to-harness");
| const vialsContainer = document.getElementById("vials-container");
| const distributionContainer = document.getElementById("distribution-container");
| const timezoneGrid = document.getElementById("timezone-grid");
| const btnStart = document.getElementById("btn-start");
| const btnStop = document.getElementById("btn-stop");
| const terminal = document.getElementById("terminal");
| const terminalOutput = document.getElementById("terminal-output");
| const terminalInput = document.getElementById("terminal-input");
| const beamsContainer = document.getElementById("beams-container");
| const sphere = document.getElementById("sphere");
| const tooltip = document.getElementById("tooltip");
| const voiceBrainInfo = document.getElementById("voice-brain-info");
|

| // Animation and harnessing state
| let harnessing = false;
| let harnessInterval = null;
| let currentHarnessIndex = 0;
|

| // Antonio Rodriguez Jr. special user check (simulate)
| const currentUser = "Antonio Rodriguez Jr.";
|

| // Initialize star lists
| function updateStarLists() {
| listHarnessed.innerHTML = "";
| listToHarness.innerHTML = "";
| allStars.forEach((star) => {
| const li = document.createElement("li");
| li.textContent = `${star.name} (${star.constellation})`;
| if (star.harnessed) {
| listHarnessed.appendChild(li);
| } else {
| listToHarness.appendChild(li);
| }
| });
| }
|

| // Add vial for star
| function addVial(starName) {
| if (!vials.includes(starName)) {
| vials.push(starName);
| renderVials();
| }
| }
|

| // Remove vial for star
| function removeVial(starName) {
| vials = vials.filter(v => v !== starName);
| // Also remove from distribution if present
| for (const tz in distributedVials) {
| distributedVials[tz] = distributedVials[tz].filter(v => v !== starName);
| if (distributedVials[tz].length === 0) delete distributedVials[tz];
| }
| renderVials();
| renderDistributedVials();
| updateTimezoneGrid();
| }
|

| // Render vials visually in vials container (draggable)
| function renderVials() {
| vialsContainer.innerHTML = "";
| vials.forEach((starName) => {
| const vial = document.createElement("div");
| vial.className = "star-filled-vial";
| vial.title = `Energy vial glowing green, representing collected energy from star ${starName}`;
| vial.setAttribute("draggable", "true");
| vial.setAttribute("aria-grabbed", "false");
| vial.setAttribute("tabindex", "0");
| vial.dataset.starName = starName;
| vial.innerHTML = `
| <img src="https://placehold.co/48x48/png?text=Vial" alt="Energy vial glowing green, representing collected energy from star ${starName}" class="w-full h-auto rounded-t" />
| <div class="vial-liquid"></div>
| <div class="text-xs text-green-300 text-center mt-1 select-none truncate" title="${starName}">${starName}</div>
| `;
| vialsContainer.appendChild(vial);
| });
| addDragAndDropListeners();
| }
|

| // Render distributed vials visually in distribution container
| function renderDistributedVials() {
| distributionContainer.innerHTML = "";
| for (const tz in distributedVials) {
| distributedVials[tz].forEach(starName => {
| const vial = document.createElement("div");
| vial.className = "star-filled-vial";
| vial.title = `Distributed energy vial from star ${starName} to timezone ${tz}`;
| vial.setAttribute("draggable", "true");
| vial.setAttribute("aria-grabbed", "false");
| vial.setAttribute("tabindex", "0");
| vial.dataset.starName = starName;
| vial.dataset.timezone = tz;
| vial.innerHTML = `
| <img src="https://placehold.co/48x48/png?text=Vial" alt="Distributed energy vial glowing green, representing collected energy from star ${starName} distributed to timezone ${tz}" class="w-full h-auto rounded-t" />
| <div class="vial-liquid"></div>
| <div class="text-xs text-green-300 text-center mt-1 select-none truncate" title="${starName}">${starName}</div>
| <div class="text-[8px] text-green-400 text-center select-none truncate mt-0.5" title="${tz}">${tz}</div>
| `;
| distributionContainer.appendChild(vial);
| });
| }
| addDragAndDropListeners();
| }
|

| // Create beams and star dots on sphere
| function createBeamsAndStars() {
| beamsContainer.innerHTML = "";
| allStars.forEach((star, index) => {
| // Create star dot
| const starDot = document.createElement("div");
| starDot.className = "star-dot";
| starDot.style.left = `${star.x}%`;
| starDot.style.top = `${star.y}%`;
| starDot.setAttribute("data-star-index", index);
| starDot.setAttribute("tabindex", "0");
| starDot.setAttribute("role", "button");
| starDot.setAttribute("aria-label", `Star ${star.name} in constellation ${star.constellation}, ${star.harnessed ? "harnessed" : "not harnessed"}`);
| starDot.title = `${star.name} (${star.constellation}) - ${star.harnessed ? "Harnessed" : "To Harness"}`;
| if (star.harnessed) {
| starDot.style.backgroundColor = "#4ade80";
| starDot.style.boxShadow = "0 0 12px #4ade80";
| } else {
| starDot.style.backgroundColor = "#eab308";
| starDot.style.boxShadow = "0 0 10px #ca8a04";
| }
| // Add voice icon overlay if voice enabled
| if (star.voice) {
| const voiceIcon = document.createElement("i");
| voiceIcon.className = "fas fa-microphone voice-icon";
| voiceIcon.style.position = "absolute";
| voiceIcon.style.top = "-6px";
| voiceIcon.style.right = "-6px";
| voiceIcon.style.fontSize = "0.75rem";
| voiceIcon.style.color = "#22c55e";
| starDot.appendChild(voiceIcon);
| }
| // Add brain icon overlay if brain insurance enabled
| if (star.brain) {
| const brainIcon = document.createElement("i");
| brainIcon.className = "fas fa-brain brain-icon";
| brainIcon.style.position = "absolute";
| brainIcon.style.bottom = "-6px";
| brainIcon.style.left = "-6px";
| brainIcon.style.fontSize = "0.75rem";
| brainIcon.style.color = "#22c55e";
| starDot.appendChild(brainIcon);
| }
| beamsContainer.appendChild(starDot);
|

| // Create beam line from sphere center to star dot
| const beamLine = document.createElement("div");
| beamLine.className = "beam-line";
| // Calculate distance and angle from center (50%,50%) to star (x,y)
| const centerX = 50;
| const centerY = 50;
| const dx = star.x - centerX;
| const dy = star.y - centerY;
| const distance = Math.sqrt(dx * dx + dy * dy);
| const angle = Math.atan2(dy, dx) * (180 / Math.PI) + 90; // +90 to align vertical top
| beamLine.style.height = `${distance * 1.4}%`; // scale length a bit longer
| beamLine.style.left = "50%";
| beamLine.style.top = "50%";
| beamLine.style.transform = `translateX(-50%) rotate(${angle}deg)`;
| beamsContainer.appendChild(beamLine);
| });
| }
|

| // Update star dot appearance after changes
| function updateStarDot(starName) {
| const starIndex = allStars.findIndex(s => s.name === starName);
| if (starIndex === -1) return;
| const star = allStars[starIndex];
| const starDot = beamsContainer.querySelector(`.star-dot[data-star-index="${starIndex}"]`);
| if (!starDot) return;
| // Update color and shadow
| if (star.harnessed) {
| starDot.style.backgroundColor = "#4ade80";
| starDot.style.boxShadow = "0 0 12px #4ade80";
| } else {
| starDot.style.backgroundColor = "#eab308";
| starDot.style.boxShadow = "0 0 10px #ca8a04";
| }
| // Remove existing voice and brain icons
| starDot.querySelectorAll(".voice-icon, .brain-icon").forEach(el => el.remove());
| // Add voice icon overlay if voice enabled
| if (star.voice) {
| const voiceIcon = document.createElement("i");
| voiceIcon.className = "fas fa-microphone voice-icon";
| voiceIcon.style.position = "absolute";
| voiceIcon.style.top = "-6px";
| voiceIcon.style.right = "-6px";
| voiceIcon.style.fontSize = "0.75rem";
| voiceIcon.style.color = "#22c55e";
| starDot.appendChild(voiceIcon);
| }
| // Add brain icon overlay if brain insurance enabled
| if (star.brain) {
| const brainIcon = document.createElement("i");
| brainIcon.className = "fas fa-brain brain-icon";
| brainIcon.style.position = "absolute";
| brainIcon.style.bottom = "-6px";
| brainIcon.style.left = "-6px";
| brainIcon.style.fontSize = "0.75rem";
| brainIcon.style.color = "#22c55e";
| starDot.appendChild(brainIcon);
| }
| starDot.title = `${star.name} (${star.constellation}) - ${star.harnessed ? "Harnessed" : "To Harness"}`;
| starDot.setAttribute("aria-label", `Star ${star.name} in constellation ${star.constellation}, ${star.harnessed ? "harnessed" : "not harnessed"}`);
| }
|

| // Animate harnessing sequence
| function startHarnessingSequence() {
| if (harnessing) return;
| harnessing = true;
| btnStart.disabled = true;
| btnStop.disabled = false;
| terminalInput.disabled = false;
| terminalInput.focus();
|

| terminalPrint("Starting harnessing sequence...");
| currentHarnessIndex = 0;
|

| harnessInterval = setInterval(() => {
| if (currentHarnessIndex >= allStars.length) {
| terminalPrint("Harnessing sequence complete.");
| stopHarnessingSequence();
| return;
| }
| const star = allStars[currentHarnessIndex];
| if (!star.harnessed) {
| star.harnessed = true;
| addVial(star.name);
| updateStarLists();
| updateStarDot(star.name);
| terminalPrint(`Harnessed star: ${star.name} (${star.constellation})`);
| animateBeamPulse(star);
| } else {
| terminalPrint(`Star already harnessed: ${star.name} (${star.constellation})`);
| }
| currentHarnessIndex++;
| }, 2500);
| }
|

| function stopHarnessingSequence() {
| if (!harnessing) return;
| harnessing = false;
| btnStart.disabled = false;
| btnStop.disabled = true;
| terminalInput.disabled = true;
| clearInterval(harnessInterval);
| terminalPrint("Harnessing sequence stopped. Consumption continues.");
| }
|

| // Terminal print helper
| function terminalPrint(text) {
| const p = document.createElement("div");
| p.textContent = text;
| terminalOutput.appendChild(p);
| terminal.scrollTop = terminal.scrollHeight;
| }
|

| // Terminal command handler
| function handleTerminalCommand(input) {
| if (!input.trim()) return;
| const parts = input.trim().split(/\s+/);
| const cmd = parts[0].toLowerCase();
| const args = parts.slice(1);
|

| if (!(cmd in commands)) {
| terminalPrint(`Error: Command '${cmd}' not recognized. Type 'help' for commands.`);
| return;
| }
|

| // Restrict some commands to Antonio Rodriguez Jr.
| const restrictedCommands = ["harness", "unharness", "brain"];
| if (restrictedCommands.includes(cmd) && currentUser !== "Antonio Rodriguez Jr.") {
| terminalPrint(`Access denied: Only Antonio Rodriguez Jr. can execute '${cmd}'.`);
| return;
| }
|

| const result = commands[cmd].action(args);
| if (result) terminalPrint(result);
| }
|

| // Terminal input event
| terminalInput.addEventListener("keydown", (e) => {
| if (e.key === "Enter") {
| e.preventDefault();
| const input = terminalInput.value;
| terminalPrint(`> ${input}`);
| handleTerminalCommand(input);
| terminalInput.value = "";
| }
| });
|

| // Start/Stop buttons events
| btnStart.addEventListener("click", () => {
| startHarnessingSequence();
| });
| btnStop.addEventListener("click", () => {
| stopHarnessingSequence();
| });
|

| // Animate beam pulse for a star
| function animateBeamPulse(star) {
| const starIndex = allStars.findIndex(s => s.name === star.name);
| if (starIndex === -1) return;
| // Find the beam line corresponding to star (beam lines are after star dots, so index*2+1)
| const beamLines = beamsContainer.querySelectorAll(".beam-line");
| const beamLine = beamLines[starIndex];
| if (!beamLine) return;
| beamLine.style.animation = "beam-glow-pulse 1.5s ease-in-out 3";
| beamLine.addEventListener("animationend", () => {
| beamLine.style.animation = "beam-glow 2s ease-in-out infinite alternate";
| }, { once: true });
| }
|

| // Add keyboard and mouse interaction for star dots
| function addStarDotInteractions() {
| beamsContainer.querySelectorAll(".star-dot").forEach(starDot => {
| starDot.addEventListener("mouseenter", (e) => {
| const index = parseInt(starDot.getAttribute("data-star-index"));
| showTooltip(e, allStars[index]);
| });
| starDot.addEventListener("mouseleave", () => {
| hideTooltip();
| });
| starDot.addEventListener("focus", (e) => {
| const index = parseInt(starDot.getAttribute("data-star-index"));
| showTooltip(e, allStars[index]);
| });
| starDot.addEventListener("blur", () => {
| hideTooltip();
| });
| starDot.addEventListener("click", () => {
| const index = parseInt(starDot.getAttribute("data-star-index"));
| const star = allStars[index];
| terminalPrint(`> harness ${star.name}`);
| if (star.harnessed) {
| terminalPrint(`Star '${star.name}' is already harnessed.`);
| } else {
| star.harnessed = true;
| addVial(star.name);
| updateStarLists();
| updateStarDot(star.name);
| terminalPrint(`Star '${star.name}' is now harnessed and energy vial collected.`);
| animateBeamPulse(star);
| }
| });
| starDot.addEventListener("keydown", (e) => {
| if (e.key === "Enter" || e.key === " ") {
| e.preventDefault();
| starDot.click();
| }
| });
| });
| }
|

| // Tooltip show/hide
| function showTooltip(event, star) {
| tooltip.textContent = `${star.name} (${star.constellation}) - ${star.harnessed ? "Harnessed" : "To Harness"}`;
| tooltip.style.left = `${event.target.offsetLeft + 20}px`;
| tooltip.style.top = `${event.target.offsetTop - 30}px`;
| tooltip.classList.add("visible");
| tooltip.setAttribute("aria-hidden", "false");
| }
| function hideTooltip() {
| tooltip.classList.remove("visible");
| tooltip.setAttribute("aria-hidden", "true");
| }
|

| // Drag & Drop handlers for vials and distribution
|

| function addDragAndDropListeners() {
| // Draggables
| const draggables = document.querySelectorAll(".star-filled-vial[draggable='true']");
| draggables.forEach(draggable => {
| draggable.removeEventListener("dragstart", onDragStart);
| draggable.removeEventListener("dragend", onDragEnd);
| draggable.addEventListener("dragstart", onDragStart);
| draggable.addEventListener("dragend", onDragEnd);
| draggable.removeEventListener("keydown", onDraggableKeyDown);
| draggable.addEventListener("keydown", onDraggableKeyDown);
| });
|

| // Drop zones
| [vialsContainer, distributionContainer].forEach(zone => {
| zone.removeEventListener("dragover", onDragOver);
| zone.removeEventListener("drop", onDrop);
| zone.removeEventListener("dragleave", onDragLeave);
| zone.addEventListener("dragover", onDragOver);
| zone.addEventListener("drop", onDrop);
| zone.addEventListener("dragleave", onDragLeave);
| });
| }
|

| let draggedVial = null;
|

| function onDragStart(e) {
| draggedVial = e.target;
| e.dataTransfer.effectAllowed = "move";
| e.dataTransfer.setData("text/plain", draggedVial.dataset.starName);
| draggedVial.setAttribute("aria-grabbed", "true");
| setTimeout(() => {
| draggedVial.style.visibility = "hidden";
| }, 0);
| }
|

| function onDragEnd(e) {
| if (draggedVial) {
| draggedVial.style.visibility = "visible";
| draggedVial.setAttribute("aria-grabbed", "false");
| draggedVial = null;
| }
| [vialsContainer, distributionContainer].forEach(zone => {
| zone.classList.remove("dragover");
| });
| }
|

| function onDragOver(e) {
| e.preventDefault();
| e.dataTransfer.dropEffect = "move";
| e.currentTarget.classList.add("dragover");
| }
|

| function onDragLeave(e) {
| e.currentTarget.classList.remove("dragover");
| }
|

| function onDrop(e) {
| e.preventDefault();
| e.currentTarget.classList.remove("dragover");
| const starName = e.dataTransfer.getData("text/plain");
| if (!starName) return;
|

| // Determine source and target containers
| const sourceIsVials = vials.includes(starName);
| const targetIsVials = e.currentTarget === vialsContainer;
| const targetIsDistribution = e.currentTarget === distributionContainer;
|

| if (sourceIsVials && targetIsDistribution) {
| // Move vial from vials to distribution - assign to a timezone
| // Prompt user to select timezone
| promptTimezoneSelection(starName);
| } else if (!sourceIsVials && targetIsVials) {
| // Move vial back from distribution to vials (remove from distribution)
| removeVialFromDistribution(starName);
| }
| }
|

| // Prompt user to select timezone for vial distribution
| function promptTimezoneSelection(starName) {
| // Create modal-like prompt with timezone grid and confirm button
| const modal = document.createElement("div");
| modal.setAttribute("role", "dialog");
| modal.setAttribute("aria-modal", "true");
| modal.setAttribute("aria-label", `Select timezone to distribute energy vial from star ${starName}`);
| modal.style.position = "fixed";
| modal.style.top = "0";
| modal.style.left = "0";
| modal.style.width = "100vw";
| modal.style.height = "100vh";
| modal.style.backgroundColor = "rgba(0,0,0,0.85)";
| modal.style.display = "flex";
| modal.style.flexDirection = "column";
| modal.style.justifyContent = "center";
| modal.style.alignItems = "center";
| modal.style.zIndex = "9999";
| modal.style.padding = "1rem";
|

| const container = document.createElement("div");
| container.style.backgroundColor = "#111827";
| container.style.border = "2px solid #22c55e";
| container.style.borderRadius = "0.75rem";
| container.style.padding = "1rem";
| container.style.maxWidth = "600px";
| container.style.width = "100%";
| container.style.maxHeight = "80vh";
| container.style.overflowY = "auto";
| container.style.display = "flex";
| container.style.flexDirection = "column";
| container.style.gap = "1rem";
|

| const title = document.createElement("h2");
| title.textContent = `Select Timezone for Vial: ${starName}`;
| title.style.color = "#22c55e";
| title.style.fontFamily = "'Orbitron', monospace";
| title.style.marginBottom = "0.5rem";
| container.appendChild(title);
|

| const tzGrid = document.createElement("div");
| tzGrid.style.display = "grid";
| tzGrid.style.gridTemplateColumns = "repeat(auto-fill,minmax(120px,1fr))";
| tzGrid.style.gap = "0.5rem";
| tzGrid.style.maxHeight = "50vh";
| tzGrid.style.overflowY = "auto";
|

| let selectedTz = null;
|

| timezones.forEach(tz => {
| const block = document.createElement("button");
| block.type = "button";
| block.className = "timezone-block";
| block.textContent = `${tz.name} (${tz.offset})`;
| block.style.userSelect = "none";
| block.style.border = "1px solid #22c55e";
| block.style.backgroundColor = "#064e3b";
| block.style.color = "#a7f3d0";
| block.style.borderRadius = "0.5rem";
| block.style.padding = "0.5rem";
| block.style.fontSize = "0.75rem";
| block.style.cursor = "pointer";
| block.setAttribute("aria-pressed", "false");
| block.addEventListener("click", () => {
| // Deselect all
| Array.from(tzGrid.children).forEach(c => {
| c.classList.remove("active");
| c.setAttribute("aria-pressed", "false");
| });
| block.classList.add("active");
| block.setAttribute("aria-pressed", "true");
| selectedTz = tz.id;
| confirmBtn.disabled = false;
| confirmBtn.focus();
| });
| tzGrid.appendChild(block);
| });
|

| container.appendChild(tzGrid);
|

| const btnContainer = document.createElement("div");
| btnContainer.style.display = "flex";
| btnContainer.style.justifyContent = "flex-end";
| btnContainer.style.gap = "1rem";
|

| const cancelBtn = document.createElement("button");
| cancelBtn.type = "button";
| cancelBtn.textContent = "Cancel";
| cancelBtn.className = "btn-red px-3 py-1 rounded";
| cancelBtn.addEventListener("click", () => {
| document.body.removeChild(modal);
| });
|

| const confirmBtn = document.createElement("button");
| confirmBtn.type = "button";
| confirmBtn.textContent = "Confirm";
| confirmBtn.className = "btn-green px-3 py-1 rounded";
| confirmBtn.disabled = true;
| confirmBtn.addEventListener("click", () => {
| if (!selectedTz) return;
| distributeVialToTimezone(starName, selectedTz);
| document.body.removeChild(modal);
| });
|

| btnContainer.appendChild(cancelBtn);
| btnContainer.appendChild(confirmBtn);
| container.appendChild(btnContainer);
|

| modal.appendChild(container);
| document.body.appendChild(modal);
|

| // Focus first timezone block for accessibility
| const firstTzBtn = tzGrid.querySelector("button");
| if (firstTzBtn) firstTzBtn.focus();
| }
|

| // Distribute vial to timezone
| function distributeVialToTimezone(starName, timezoneId) {
| // Remove vial from vials container
| vials = vials.filter(v => v !== starName);
| // Add vial to distribution mapping
| if (!distributedVials[timezoneId]) {
| distributedVials[timezoneId] = [];
| }
| if (!distributedVials[timezoneId].includes(starName)) {
| distributedVials[timezoneId].push(starName);
| }
| renderVials();
| renderDistributedVials();
| updateTimezoneGrid();
| terminalPrint(`Distributed vial from star '${starName}' to timezone '${timezoneId}'.`);
| }
|

| // Remove vial from distribution (back to vials container)
| function removeVialFromDistribution(starName) {
| let found = false;
| for (const tz in distributedVials) {
| const index = distributedVials[tz].indexOf(starName);
| if (index !== -1) {
| distributedVials[tz].splice(index, 1);
| if (distributedVials[tz].length === 0) delete distributedVials[tz];
| found = true;
| break;
| }
| }
| if (found) {
| vials.push(starName);
| renderVials();
| renderDistributedVials();
| updateTimezoneGrid();
| terminalPrint(`Removed vial from distribution for star '${starName}'.`);
| }
| }
|

| // Update timezone grid to show which timezones have energy distributed
| function updateTimezoneGrid() {
| timezoneGrid.innerHTML = "";
| timezones.forEach(tz => {
| const block = document.createElement("div");
| block.className = "timezone-block";
| block.textContent = `${tz.name} (${tz.offset})`;
| if (distributedVials[tz.id] && distributedVials[tz.id].length > 0) {
| block.classList.add("active");
| block.title = `Energy vials distributed: ${distributedVials[tz.id].join(", ")}`;
| } else {
| block.title = "No energy distributed";
| }
| timezoneGrid.appendChild(block);
| });
| }
|

| // Drag & Drop keyboard support for vials
| function onDraggableKeyDown(e) {
| if (e.key === "Enter" || e.key === " ") {
| e.preventDefault();
| const vial = e.currentTarget;
| if (vial.parentElement === vialsContainer) {
| // Move vial to distribution - prompt timezone selection
| promptTimezoneSelection(vial.dataset.starName);
| } else if (vial.parentElement === distributionContainer) {
| // Move vial back to vials container
| removeVialFromDistribution(vial.dataset.starName);
| }
| }
| }
|

| // Initial render
| updateStarLists();
| renderVials();
| renderDistributedVials();
| createBeamsAndStars();
| addStarDotInteractions();
| updateTimezoneGrid();
|

| // Initial terminal welcome message
| terminalPrint("Welcome to the Star Communication Terminal.");
| terminalPrint("Type 'help' to see available commands.");
|

| // Accessibility: focus terminal input on load
| window.addEventListener("load", () => {
| terminalInput.disabled = true;
| });
| </script>
| </body>
| </html>

<html class="scroll-smooth" lang="en">
| <head>
| <meta charset="utf-8"/>
| <meta content="width=device-width, initial-scale=1" name="viewport"/>
| <title>
| Smart Sphere Star Harnessing App
| </title>
| <script src="https://cdn.tailwindcss.com">
| </script>
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
| <link href="https://fonts.googleapis.com/css2?family=Orbitron&family=Roboto+Mono&display=swap" rel="stylesheet"/>
| <style>
| body {
| font-family: 'Roboto Mono', monospace;
| background-color: #0f172a;
| color: #d1d5db;
| }
| .terminal {
| background-color: #111827;
| border-radius: 0.5rem;
| box-shadow: 0 0 15px #22c55e;
| font-family: 'Roboto Mono', monospace;
| font-size: 0.875rem;
| line-height: 1.25rem;
| color: #22c55e;
| padding: 1rem;
| min-height: 300px;
| overflow-y: auto;
| white-space: pre-wrap;
| user-select: text;
| }
| .terminal-input {
| outline: none;
| border: none;
| background: transparent;
| color: #22c55e;
| font-family: 'Roboto Mono', monospace;
| font-size: 0.875rem;
| width: 100%;
| caret-color: #22c55e;
| }
| .scrollbar-thin::-webkit-scrollbar {
| width: 6px;
| }
| .scrollbar-thin::-webkit-scrollbar-track {
| background: transparent;
| }
| .scrollbar-thin::-webkit-scrollbar-thumb {
| background-color: #22c55e;
| border-radius: 3px;
| }
| .star-filled-vial {
| width: 48px;
| height: 96px;
| background: linear-gradient(180deg, #22c55e 0%, #166534 100%);
| border-radius: 0.75rem 0.75rem 0.25rem 0.25rem;
| box-shadow: 0 0 8px #22c55e;
| position: relative;
| margin: 0.25rem;
| display: flex;
| flex-direction: column;
| justify-content: flex-end;
| overflow: hidden;
| cursor: grab;
| transition: transform 0.3s ease;
| }
| .star-filled-vial:active {
| cursor: grabbing;
| transform: scale(1.1);
| box-shadow: 0 0 20px #4ade80;
| z-index: 1000;
| }
| .star-filled-vial:hover {
| transform: scale(1.1);
| box-shadow: 0 0 15px #4ade80;
| z-index: 10;
| }
| .star-filled-vial::before {
| content: '';
| position: absolute;
| top: 0.25rem;
| left: 50%;
| transform: translateX(-50%);
| width: 24px;
| height: 12px;
| background: #166534;
| border-radius: 12px 12px 0 0;
| box-shadow: inset 0 2px 4px #22c55e;
| z-index: 10;
| }
| .vial-liquid {
| background: #22c55e;
| height: 60%;
| border-radius: 0 0 0.75rem 0.75rem;
| box-shadow: inset 0 0 10px #4ade80;
| transition: height 0.5s ease;
| }
| .btn-green {
| background-color: #22c55e;
| color: #0f172a;
| font-weight: 600;
| transition: background-color 0.3s ease;
| }
| .btn-green:hover:not(:disabled) {
| background-color: #16a34a;
| }
| .btn-green:disabled {
| background-color: #4ade80;
| cursor: not-allowed;
| }
| .btn-red {
| background-color: #dc2626;
| color: #fef2f2;
| font-weight: 600;
| transition: background-color 0.3s ease;
| }
| .btn-red:hover:not(:disabled) {
| background-color: #b91c1c;
| }
| .btn-red:disabled {
| background-color: #fca5a5;
| cursor: not-allowed;
| }
| .btn-yellow {
| background-color: #eab308;
| color: #1e293b;
| font-weight: 600;
| transition: background-color 0.3s ease;
| }
| .btn-yellow:hover {
| background-color: #ca8a04;
| }
| .scrollbar-thin {
| scrollbar-width: thin;
| scrollbar-color: #22c55e transparent;
| }
| /* Sphere container and beams animation */
| .sphere-container {
| position: relative;
| width: 100%;
| max-width: 400px;
| aspect-ratio: 1 / 1;
| margin: 0 auto;
| perspective: 1200px;
| }
| .sphere {
| width: 100%;
| height: 100%;
| border-radius: 50%;
| background: radial-gradient(circle at center, #22c55e 20%, #064e3b 90%);
| box-shadow:
| inset 0 0 20px #4ade80,
| 0 0 30px #22c55e;
| position: relative;
| transform-style: preserve-3d;
| animation: sphere-rotate 20s linear infinite;
| }
| @keyframes sphere-rotate {
| 0% {
| transform: rotateX(0deg) rotateY(0deg);
| }
| 100% {
| transform: rotateX(360deg) rotateY(360deg);
| }
| }
| /* Beams container */
| .beams-container {
| position: absolute;
| top: 50%;
| left: 50%;
| width: 100%;
| height: 100%;
| pointer-events: none;
| transform-style: preserve-3d;
| transform-origin: center center;
| animation: beams-pulse 3s ease-in-out infinite;
| }
| @keyframes beams-pulse {
| 0%, 100% {
| filter: drop-shadow(0 0 6px #22c55e);
| }
| 50% {
| filter: drop-shadow(0 0 12px #4ade80);
| }
| }
| /* Beam line */
| .beam-line {
| position: absolute;
| width: 2px;
| background: linear-gradient(180deg, #22c55e, transparent);
| border-radius: 1px;
| transform-origin: top center;
| animation: beam-glow 2s ease-in-out infinite alternate;
| filter: drop-shadow(0 0 4px #22c55e);
| }
| @keyframes beam-glow {
| 0% {
| opacity: 0.6;
| box-shadow: 0 0 6px #22c55e;
| }
| 100% {
| opacity: 1;
| box-shadow: 0 0 14px #4ade80;
| }
| }
| /* Star dot */
| .star-dot {
| position: absolute;
| width: 12px;
| height: 12px;
| background: #22c55e;
| border-radius: 50%;
| box-shadow: 0 0 8px #4ade80;
| cursor: pointer;
| transition: transform 0.3s ease;
| }
| .star-dot:hover {
| transform: scale(1.5);
| box-shadow: 0 0 20px #86efac;
| z-index: 20;
| }
| /* Voice & Brain info box */
| .info-box {
| background: #064e3b;
| border: 2px solid #22c55e;
| border-radius: 0.5rem;
| padding: 1rem;
| margin-top: 1rem;
| color: #a7f3d0;
| font-size: 0.9rem;
| font-family: 'Roboto Mono', monospace;
| user-select: none;
| }
| /* Voice icon animation */
| .voice-icon {
| animation: pulse-voice 2s infinite;
| color: #22c55e;
| font-size: 1.5rem;
| vertical-align: middle;
| margin-right: 0.5rem;
| }
| @keyframes pulse-voice {
| 0%, 100% {
| opacity: 1;
| text-shadow: 0 0 6px #22c55e;
| }
| 50% {
| opacity: 0.6;
| text-shadow: 0 0 12px #4ade80;
| }
| }
| /* Brain icon animation */
| .brain-icon {
| animation: pulse-brain 3s infinite;
| color: #22c55e;
| font-size: 1.5rem;
| vertical-align: middle;
| margin-right: 0.5rem;
| }
| @keyframes pulse-brain {
| 0%, 100% {
| opacity: 1;
| text-shadow: 0 0 6px #22c55e;
| }
| 50% {
| opacity: 0.7;
| text-shadow: 0 0 14px #4ade80;
| }
| }
| /* Scrollable star list with custom scrollbar */
| .star-list {
| max-height: 180px;
| overflow-y: auto;
| scrollbar-width: thin;
| scrollbar-color: #22c55e transparent;
| }
| .star-list::-webkit-scrollbar {
| width: 6px;
| }
| .star-list::-webkit-scrollbar-track {
| background: transparent;
| }
| .star-list::-webkit-scrollbar-thumb {
| background-color: #22c55e;
| border-radius: 3px;
| }
| /* Tooltip for star dots */
| .tooltip {
| position: absolute;
| background: #064e3b;
| border: 1px solid #22c55e;
| padding: 0.25rem 0.5rem;
| border-radius: 0.25rem;
| font-size: 0.75rem;
| color: #a7f3d0;
| pointer-events: none;
| white-space: nowrap;
| user-select: none;
| z-index: 50;
| opacity: 0;
| transition: opacity 0.2s ease;
| }
| .tooltip.visible {
| opacity: 1;
| }
| /* Drag & Drop container styles */
| #vials-container, #distribution-container {
| min-height: 120px;
| border: 2px dashed #22c55e;
| border-radius: 0.5rem;
| padding: 0.5rem;
| display: flex;
| flex-wrap: wrap;
| gap: 0.5rem;
| background-color: #0f172a;
| transition: background-color 0.3s ease;
| }
| #vials-container.dragover, #distribution-container.dragover {
| background-color: #164e2e;
| border-color: #4ade80;
| }
| /* Distribution section */
| #distribution-section {
| background-color: #111827;
| border-radius: 0.75rem;
| padding: 1rem;
| margin-top: 1rem;
| color: #a7f3d0;
| font-family: 'Roboto Mono', monospace;
| }
| #distribution-section h3 {
| font-family: 'Orbitron', monospace;
| color: #22c55e;
| margin-bottom: 0.5rem;
| }
| /* Timezone grid */
| #timezone-grid {
| display: grid;
| grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
| gap: 0.5rem;
| max-height: 300px;
| overflow-y: auto;
| border: 1px solid #22c55e;
| border-radius: 0.5rem;
| padding: 0.5rem;
| background-color: #0f172a;
| }
| .timezone-block {
| background-color: #064e3b;
| border: 1px solid #22c55e;
| border-radius: 0.5rem;
| padding: 0.5rem;
| font-size: 0.75rem;
| text-align: center;
| user-select: none;
| cursor: default;
| color: #a7f3d0;
| display: flex;
| flex-direction: column;
| justify-content: center;
| align-items: center;
| min-height: 60px;
| transition: background-color 0.3s ease;
| }
| .timezone-block.active {
| background-color: #22c55e;
| color: #0f172a;
| font-weight: 700;
| box-shadow: 0 0 10px #4ade80;
| }
| /* Responsive tweaks */
| @media (max-width: 768px) {
| main {
| grid-template-columns: 1fr !important;
| }
| #distribution-section {
| margin-top: 1.5rem;
| }
| }
| </style>
| </head>
| <body class="min-h-screen flex flex-col">
| <header class="bg-gray-900 p-4 flex flex-col md:flex-row items-center justify-between">
| <div class="flex items-center space-x-3">
| <img alt="Smart tracking sphere, metallic silver with green glowing lines, floating in space" class="w-12 h-12 rounded-full" src="https://placehold.co/48x48/png?text=Sphere"/>
| <h1 class="text-2xl font-orbitron font-bold text-green-400 select-none">
| Smart Sphere Star Harnessing
| </h1>
| </div>
| <nav class="mt-3 md:mt-0">
| <ul class="flex space-x-6 text-green-300 font-semibold text-sm select-none">
| <li>
| <button aria-label="Start harnessing process" class="btn-green px-3 py-1 rounded flex items-center space-x-2" id="btn-start">
| <i aria-hidden="true" class="fas fa-play">
| </i>
| <span>
| Start Harness
| </span>
| </button>
| </li>
| <li>
| <button aria-label="Stop harnessing process" class="btn-red px-3 py-1 rounded flex items-center space-x-2" disabled="" id="btn-stop">
| <i aria-hidden="true" class="fas fa-stop">
| </i>
| <span>
| Stop Harness
| </span>
| </button>
| </li>
| </ul>
| </nav>
| </header>
| <main class="flex-grow p-4 max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-6">
| 
| <section class="col-span-1 md:col-span-2 bg-gray-800 rounded-lg p-4 flex flex-col items-center relative">
| <div aria-label="Smart sphere with tracking beams" class="sphere-container">
| <div class="sphere" id="sphere">
| </div>
| <div aria-hidden="true" class="beams-container" id="beams-container">
| </div>
| <div aria-hidden="true" class="tooltip" id="tooltip" role="tooltip">
| </div>
| </div>
| <p class="mt-4 text-green-300 text-center font-mono text-sm max-w-xl">
| The sphere intelligently tracks stars and harnesses their energy by searching constellations and individual stars. Click on stars to see details.
| </p>
| <div aria-atomic="true" aria-live="polite" class="info-box mt-6 w-full max-w-xl" id="voice-brain-info">
| <div class="flex items-center mb-2">
| <i aria-hidden="true" class="fas fa-microphone voice-icon">
| </i>
| <span>
| <strong>
| Voice Enabled:
| </strong>
| The sphere can communicate with stars using voice commands.
| </span>
| </div>
| <div class="flex items-center">
| <i aria-hidden="true" class="fas fa-brain brain-icon">
| </i>
| <span>
| <strong>
| Brain Insurance:
| </strong>
| Only
| <em>
| Antonio Rodriguez Jr.
| </em>
| can convert, channel, stream, listen, touch, smell, feel, and manage star energy.
| </span>
| </div>
| </div>
| </section>
| 
| <section class="col-span-1 md:col-span-2 bg-gray-900 rounded-lg p-4 flex flex-col">
| <h2 class="text-green-400 font-orbitron text-xl mb-3 select-none">
| Stars Harnessed & To Harness
| </h2>
| <div class="flex flex-col space-y-4 overflow-y-auto max-h-[400px] scrollbar-thin pr-2">
| <div>
| <h3 class="text-green-300 font-semibold mb-1">
| Harnessed Stars
| </h3>
| <ul aria-label="List of harnessed stars" class="list-disc list-inside text-green-200 star-list" id="list-harnessed" tabindex="0">
| </ul>
| </div>
| <div>
| <h3 class="text-yellow-400 font-semibold mb-1">
| Stars To Harness
| </h3>
| <ul aria-label="List of stars to harness" class="list-disc list-inside text-yellow-300 star-list" id="list-to-harness" tabindex="0">
| </ul>
| </div>
| </div>
| <h2 class="text-green-400 font-orbitron text-xl mt-6 mb-3 select-none">
| Collected Vials (Drag to Distribute Energy)
| </h2>
| <div aria-dropeffect="move" aria-label="Collected energy vials" class="flex flex-wrap gap-2 min-h-[120px]" id="vials-container" tabindex="0">
| </div>
| <section aria-label="Energy distribution section" id="distribution-section" tabindex="0">
| <h3>
| Energy Distribution Across Timezones
| </h3>
| <p class="mb-2 text-sm text-green-300">
| Drag vials here to distribute star energy to real-life locations worldwide using IP blocks and timezone coverage. All timezones are included to ensure universal interest reception.
| </p>
| <div aria-dropeffect="move" aria-label="Distributed energy vials container" class="min-h-[120px] flex flex-wrap gap-2" id="distribution-container" tabindex="0">
| </div>
| <h3 class="mt-4">
| Timezones
| </h3>
| <div aria-label="List of all world timezones with energy distribution status" id="timezone-grid" tabindex="0">
| </div>
| </section>
| </section>
| </main>
| 
| <section class="bg-gray-900 p-4 max-w-7xl mx-auto rounded-lg mt-6 mb-6">
| <h2 class="text-green-400 font-orbitron text-xl mb-3 select-none">
| Star Communication Terminal
| </h2>
| <div aria-atomic="true" aria-label="Star communication terminal" aria-live="polite" aria-multiline="true" class="terminal scrollbar-thin" contenteditable="false" id="terminal" role="textbox" tabindex="0">
| <div aria-atomic="true" aria-live="polite" class="mb-2" id="terminal-output">
| </div>
| <div class="flex items-center space-x-2">
| <span aria-hidden="true" class="text-green-400 font-bold select-none">
| >
| </span>
| <input aria-label="Terminal command input" autocomplete="off" class="terminal-input flex-grow" disabled="" id="terminal-input" spellcheck="false" type="text"/>
| </div>
| </div>
| </section>
| <script>
| // Data for stars with 3D positions (x,y in % relative to sphere container)
| const allStars = [
| { name: "Sirius", constellation: "Canis Major", harnessed: true, x: 70, y: 30, voice: true, brain: true },
| { name: "Betelgeuse", constellation: "Orion", harnessed: true, x: 40, y: 20, voice: true, brain: false },
| { name: "Rigel", constellation: "Orion", harnessed: false, x: 45, y: 60, voice: false, brain: false },
| { name: "Vega", constellation: "Lyra", harnessed: false, x: 80, y: 50, voice: false, brain: false },
| { name: "Polaris", constellation: "Ursa Minor", harnessed: true, x: 50, y: 10, voice: true, brain: true },
| { name: "Altair", constellation: "Aquila", harnessed: false, x: 60, y: 70, voice: false, brain: false },
| { name: "Aldebaran", constellation: "Taurus", harnessed: false, x: 30, y: 40, voice: false, brain: false },
| { name: "Antares", constellation: "Scorpius", harnessed: false, x: 20, y: 65, voice: false, brain: false },
| { name: "Spica", constellation: "Virgo", harnessed: true, x: 35, y: 25, voice: true, brain: false },
| { name: "Deneb", constellation: "Cygnus", harnessed: false, x: 75, y: 75, voice: false, brain: false },
| { name: "Castor", constellation: "Gemini", harnessed: false, x: 55, y: 35, voice: false, brain: false },
| { name: "Pollux", constellation: "Gemini", harnessed: false, x: 58, y: 38, voice: false, brain: false },
| { name: "Procyon", constellation: "Canis Minor", harnessed: true, x: 65, y: 45, voice: true, brain: false },
| { name: "Fomalhaut", constellation: "Piscis Austrinus", harnessed: false, x: 25, y: 55, voice: false, brain: false },
| { name: "Regulus", constellation: "Leo", harnessed: false, x: 40, y: 75, voice: false, brain: false }
| ];
|

| // List of all timezones (IANA) with display names and UTC offsets
| // For brevity, a representative subset of all timezones is included here.
| // In a real app, you would include all timezones.
| const timezones = [
| { id: "Pacific/Midway", name: "Midway Island", offset: "-11:00" },
| { id: "Pacific/Honolulu", name: "Hawaii", offset: "-10:00" },
| { id: "America/Anchorage", name: "Alaska", offset: "-09:00" },
| { id: "America/Los_Angeles", name: "Pacific Time (US & Canada)", offset: "-08:00" },
| { id: "America/Denver", name: "Mountain Time (US & Canada)", offset: "-07:00" },
| { id: "America/Chicago", name: "Central Time (US & Canada)", offset: "-06:00" },
| { id: "America/New_York", name: "Eastern Time (US & Canada)", offset: "-05:00" },
| { id: "America/Caracas", name: "Caracas", offset: "-04:30" },
| { id: "America/Halifax", name: "Atlantic Time (Canada)", offset: "-04:00" },
| { id: "America/St_Johns", name: "Newfoundland", offset: "-03:30" },
| { id: "America/Argentina/Buenos_Aires", name: "Buenos Aires", offset: "-03:00" },
| { id: "Atlantic/South_Georgia", name: "South Georgia", offset: "-02:00" },
| { id: "Atlantic/Azores", name: "Azores", offset: "-01:00" },
| { id: "Europe/London", name: "London", offset: "+00:00" },
| { id: "Europe/Berlin", name: "Berlin", offset: "+01:00" },
| { id: "Europe/Athens", name: "Athens", offset: "+02:00" },
| { id: "Europe/Moscow", name: "Moscow", offset: "+03:00" },
| { id: "Asia/Dubai", name: "Dubai", offset: "+04:00" },
| { id: "Asia/Karachi", name: "Karachi", offset: "+05:00" },
| { id: "Asia/Kolkata", name: "India Standard Time", offset: "+05:30" },
| { id: "Asia/Bangkok", name: "Bangkok", offset: "+07:00" },
| { id: "Asia/Shanghai", name: "Shanghai", offset: "+08:00" },
| { id: "Asia/Tokyo", name: "Tokyo", offset: "+09:00" },
| { id: "Australia/Sydney", name: "Sydney", offset: "+10:00" },
| { id: "Pacific/Auckland", name: "Auckland", offset: "+12:00" },
| { id: "Pacific/Chatham", name: "Chatham Islands", offset: "+12:45" }
| ];
|

| // Commands for terminal
| const commands = {
| help: {
| description: "List available commands",
| action: () => {
| return Object.entries(commands)
| .map(([cmd, obj]) => `${cmd} - ${obj.description}`)
| .join("\n");
| },
| },
| list: {
| description: "List stars and their harness status",
| action: () => {
| let output = "Harnessed Stars:\n";
| output += allStars.filter(s => s.harnessed).map(s => `- ${s.name} (${s.constellation})`).join("\n") + "\n\n";
| output += "Stars To Harness:\n";
| output += allStars.filter(s => !s.harnessed).map(s => `- ${s.name} (${s.constellation})`).join("\n");
| return output;
| },
| },
| harness: {
| description: "Start harnessing a star by name. Usage: harness [star name]",
| action: (args) => {
| if (!args.length) return "Error: No star name provided.";
| const starName = args.join(" ").toLowerCase();
| const star = allStars.find(s => s.name.toLowerCase() === starName);
| if (!star) return `Error: Star '${args.join(" ")}' not found.`;
| if (star.harnessed) return `Star '${star.name}' is already harnessed.`;
| star.harnessed = true;
| updateStarLists();
| addVial(star.name);
| updateStarDot(star.name);
| return `Star '${star.name}' is now harnessed and energy vial collected.`;
| },
| },
| unharness: {
| description: "Remove harness from a star by name. Usage: unharness [star name]",
| action: (args) => {
| if (!args.length) return "Error: No star name provided.";
| const starName = args.join(" ").toLowerCase();
| const star = allStars.find(s => s.name.toLowerCase() === starName);
| if (!star) return `Error: Star '${args.join(" ")}' not found.`;
| if (!star.harnessed) return `Star '${star.name}' is not harnessed.`;
| star.harnessed = false;
| updateStarLists();
| removeVial(star.name);
| updateStarDot(star.name);
| return `Star '${star.name}' harness removed and vial discarded.`;
| },
| },
| tasks: {
| description: "List tasks due for harnessing and energy management",
| action: () => {
| const toHarness = allStars.filter(s => !s.harnessed);
| if (!toHarness.length) return "All stars are harnessed. No pending tasks.";
| return toHarness.map(s => `- Harness star '${s.name}' in constellation '${s.constellation}'`).join("\n");
| },
| },
| status: {
| description: "Show current harnessing status",
| action: () => {
| const harnessedCount = allStars.filter(s => s.harnessed).length;
| const total = allStars.length;
| return `Harnessed ${harnessedCount} out of ${total} stars.\nVials collected: ${vials.length}`;
| },
| },
| clear: {
| description: "Clear terminal output",
| action: () => {
| terminalOutput.innerText = "";
| return "";
| },
| },
| voice: {
| description: "Toggle voice communication with a star. Usage: voice [star name]",
| action: (args) => {
| if (!args.length) return "Error: No star name provided.";
| const starName = args.join(" ").toLowerCase();
| const star = allStars.find(s => s.name.toLowerCase() === starName);
| if (!star) return `Error: Star '${args.join(" ")}' not found.`;
| star.voice = !star.voice;
| updateStarDot(star.name);
| return `Voice communication ${star.voice ? "enabled" : "disabled"} for star '${star.name}'.`;
| }
| },
| brain: {
| description: "Toggle brain insurance for a star. Usage: brain [star name]",
| action: (args) => {
| if (!args.length) return "Error: No star name provided.";
| if (currentUser !== "Antonio Rodriguez Jr.") return "Access denied: Only Antonio Rodriguez Jr. can toggle brain insurance.";
| const starName = args.join(" ").toLowerCase();
| const star = allStars.find(s => s.name.toLowerCase() === starName);
| if (!star) return `Error: Star '${args.join(" ")}' not found.`;
| star.brain = !star.brain;
| updateStarDot(star.name);
| return `Brain insurance ${star.brain ? "enabled" : "disabled"} for star '${star.name}'.`;
| }
| }
| };
|

| // Vials collected
| let vials = [];
|

| // Distributed vials mapped by timezone id
| let distributedVials = {};
|

| // DOM references
| const listHarnessed = document.getElementById("list-harnessed");
| const listToHarness = document.getElementById("list-to-harness");
| const vialsContainer = document.getElementById("vials-container");
| const distributionContainer = document.getElementById("distribution-container");
| const timezoneGrid = document.getElementById("timezone-grid");
| const btnStart = document.getElementById("btn-start");
| const btnStop = document.getElementById("btn-stop");
| const terminal = document.getElementById("terminal");
| const terminalOutput = document.getElementById("terminal-output");
| const terminalInput = document.getElementById("terminal-input");
| const beamsContainer = document.getElementById("beams-container");
| const sphere = document.getElementById("sphere");
| const tooltip = document.getElementById("tooltip");
| const voiceBrainInfo = document.getElementById("voice-brain-info");
|

| // Animation and harnessing state
| let harnessing = false;
| let harnessInterval = null;
| let currentHarnessIndex = 0;
|

| // Antonio Rodriguez Jr. special user check (simulate)
| const currentUser = "Antonio Rodriguez Jr.";
|

| // Initialize star lists
| function updateStarLists() {
| listHarnessed.innerHTML = "";
| listToHarness.innerHTML = "";
| allStars.forEach((star) => {
| const li = document.createElement("li");
| li.textContent = `${star.name} (${star.constellation})`;
| if (star.harnessed) {
| listHarnessed.appendChild(li);
| } else {
| listToHarness.appendChild(li);
| }
| });
| }
|

| // Add vial for star
| function addVial(starName) {
| if (!vials.includes(starName)) {
| vials.push(starName);
| renderVials();
| }
| }
|

| // Remove vial for star
| function removeVial(starName) {
| vials = vials.filter(v => v !== starName);
| // Also remove from distribution if present
| for (const tz in distributedVials) {
| distributedVials[tz] = distributedVials[tz].filter(v => v !== starName);
| if (distributedVials[tz].length === 0) delete distributedVials[tz];
| }
| renderVials();
| renderDistributedVials();
| updateTimezoneGrid();
| }
|

| // Render vials visually in vials container (draggable)
| function renderVials() {
| vialsContainer.innerHTML = "";
| vials.forEach((starName) => {
| const vial = document.createElement("div");
| vial.className = "star-filled-vial";
| vial.title = `Energy vial glowing green, representing collected energy from star ${starName}`;
| vial.setAttribute("draggable", "true");
| vial.setAttribute("aria-grabbed", "false");
| vial.setAttribute("tabindex", "0");
| vial.dataset.starName = starName;
| vial.innerHTML = `
| <img src="https://placehold.co/48x48/png?text=Vial" alt="Energy vial glowing green, representing collected energy from star ${starName}" class="w-full h-auto rounded-t" />
| <div class="vial-liquid"></div>
| <div class="text-xs text-green-300 text-center mt-1 select-none truncate" title="${starName}">${starName}</div>
| `;
| vialsContainer.appendChild(vial);
| });
| addDragAndDropListeners();
| }
|

| // Render distributed vials visually in distribution container
| function renderDistributedVials() {
| distributionContainer.innerHTML = "";
| for (const tz in distributedVials) {
| distributedVials[tz].forEach(starName => {
| const vial = document.createElement("div");
| vial.className = "star-filled-vial";
| vial.title = `Distributed energy vial from star ${starName} to timezone ${tz}`;
| vial.setAttribute("draggable", "true");
| vial.setAttribute("aria-grabbed", "false");
| vial.setAttribute("tabindex", "0");
| vial.dataset.starName = starName;
| vial.dataset.timezone = tz;
| vial.innerHTML = `
| <img src="https://placehold.co/48x48/png?text=Vial" alt="Distributed energy vial glowing green, representing collected energy from star ${starName} distributed to timezone ${tz}" class="w-full h-auto rounded-t" />
| <div class="vial-liquid"></div>
| <div class="text-xs text-green-300 text-center mt-1 select-none truncate" title="${starName}">${starName}</div>
| <div class="text-[8px] text-green-400 text-center select-none truncate mt-0.5" title="${tz}">${tz}</div>
| `;
| distributionContainer.appendChild(vial);
| });
| }
| addDragAndDropListeners();
| }
|

| // Create beams and star dots on sphere
| function createBeamsAndStars() {
| beamsContainer.innerHTML = "";
| allStars.forEach((star, index) => {
| // Create star dot
| const starDot = document.createElement("div");
| starDot.className = "star-dot";
| starDot.style.left = `${star.x}%`;
| starDot.style.top = `${star.y}%`;
| starDot.setAttribute("data-star-index", index);
| starDot.setAttribute("tabindex", "0");
| starDot.setAttribute("role", "button");
| starDot.setAttribute("aria-label", `Star ${star.name} in constellation ${star.constellation}, ${star.harnessed ? "harnessed" : "not harnessed"}`);
| starDot.title = `${star.name} (${star.constellation}) - ${star.harnessed ? "Harnessed" : "To Harness"}`;
| if (star.harnessed) {
| starDot.style.backgroundColor = "#4ade80";
| starDot.style.boxShadow = "0 0 12px #4ade80";
| } else {
| starDot.style.backgroundColor = "#eab308";
| starDot.style.boxShadow = "0 0 10px #ca8a04";
| }
| // Add voice icon overlay if voice enabled
| if (star.voice) {
| const voiceIcon = document.createElement("i");
| voiceIcon.className = "fas fa-microphone voice-icon";
| voiceIcon.style.position = "absolute";
| voiceIcon.style.top = "-6px";
| voiceIcon.style.right = "-6px";
| voiceIcon.style.fontSize = "0.75rem";
| voiceIcon.style.color = "#22c55e";
| starDot.appendChild(voiceIcon);
| }
| // Add brain icon overlay if brain insurance enabled
| if (star.brain) {
| const brainIcon = document.createElement("i");
| brainIcon.className = "fas fa-brain brain-icon";
| brainIcon.style.position = "absolute";
| brainIcon.style.bottom = "-6px";
| brainIcon.style.left = "-6px";
| brainIcon.style.fontSize = "0.75rem";
| brainIcon.style.color = "#22c55e";
| starDot.appendChild(brainIcon);
| }
| beamsContainer.appendChild(starDot);
|

| // Create beam line from sphere center to star dot
| const beamLine = document.createElement("div");
| beamLine.className = "beam-line";
| // Calculate distance and angle from center (50%,50%) to star (x,y)
| const centerX = 50;
| const centerY = 50;
| const dx = star.x - centerX;
| const dy = star.y - centerY;
| const distance = Math.sqrt(dx * dx + dy * dy);
| const angle = Math.atan2(dy, dx) * (180 / Math.PI) + 90; // +90 to align vertical top
| beamLine.style.height = `${distance * 1.4}%`; // scale length a bit longer
| beamLine.style.left = "50%";
| beamLine.style.top = "50%";
| beamLine.style.transform = `translateX(-50%) rotate(${angle}deg)`;
| beamsContainer.appendChild(beamLine);
| });
| }
|

| // Update star dot appearance after changes
| function updateStarDot(starName) {
| const starIndex = allStars.findIndex(s => s.name === starName);
| if (starIndex === -1) return;
| const star = allStars[starIndex];
| const starDot = beamsContainer.querySelector(`.star-dot[data-star-index="${starIndex}"]`);
| if (!starDot) return;
| // Update color and shadow
| if (star.harnessed) {
| starDot.style.backgroundColor = "#4ade80";
| starDot.style.boxShadow = "0 0 12px #4ade80";
| } else {
| starDot.style.backgroundColor = "#eab308";
| starDot.style.boxShadow = "0 0 10px #ca8a04";
| }
| // Remove existing voice and brain icons
| starDot.querySelectorAll(".voice-icon, .brain-icon").forEach(el => el.remove());
| // Add voice icon overlay if voice enabled
| if (star.voice) {
| const voiceIcon = document.createElement("i");
| voiceIcon.className = "fas fa-microphone voice-icon";
| voiceIcon.style.position = "absolute";
| voiceIcon.style.top = "-6px";
| voiceIcon.style.right = "-6px";
| voiceIcon.style.fontSize = "0.75rem";
| voiceIcon.style.color = "#22c55e";
| starDot.appendChild(voiceIcon);
| }
| // Add brain icon overlay if brain insurance enabled
| if (star.brain) {
| const brainIcon = document.createElement("i");
| brainIcon.className = "fas fa-brain brain-icon";
| brainIcon.style.position = "absolute";
| brainIcon.style.bottom = "-6px";
| brainIcon.style.left = "-6px";
| brainIcon.style.fontSize = "0.75rem";
| brainIcon.style.color = "#22c55e";
| starDot.appendChild(brainIcon);
| }
| starDot.title = `${star.name} (${star.constellation}) - ${star.harnessed ? "Harnessed" : "To Harness"}`;
| starDot.setAttribute("aria-label", `Star ${star.name} in constellation ${star.constellation}, ${star.harnessed ? "harnessed" : "not harnessed"}`);
| }
|

| // Animate harnessing sequence
| function startHarnessingSequence() {
| if (harnessing) return;
| harnessing = true;
| btnStart.disabled = true;
| btnStop.disabled = false;
| terminalInput.disabled = false;
| terminalInput.focus();
|

| terminalPrint("Starting harnessing sequence...");
| currentHarnessIndex = 0;
|

| harnessInterval = setInterval(() => {
| if (currentHarnessIndex >= allStars.length) {
| terminalPrint("Harnessing sequence complete.");
| stopHarnessingSequence();
| return;
| }
| const star = allStars[currentHarnessIndex];
| if (!star.harnessed) {
| star.harnessed = true;
| addVial(star.name);
| updateStarLists();
| updateStarDot(star.name);
| terminalPrint(`Harnessed star: ${star.name} (${star.constellation})`);
| animateBeamPulse(star);
| } else {
| terminalPrint(`Star already harnessed: ${star.name} (${star.constellation})`);
| }
| currentHarnessIndex++;
| }, 2500);
| }
|

| function stopHarnessingSequence() {
| if (!harnessing) return;
| harnessing = false;
| btnStart.disabled = false;
| btnStop.disabled = true;
| terminalInput.disabled = true;
| clearInterval(harnessInterval);
| terminalPrint("Harnessing sequence stopped. Consumption continues.");
| }
|

| // Terminal print helper
| function terminalPrint(text) {
| const p = document.createElement("div");
| p.textContent = text;
| terminalOutput.appendChild(p);
| terminal.scrollTop = terminal.scrollHeight;
| }
|

| // Terminal command handler
| function handleTerminalCommand(input) {
| if (!input.trim()) return;
| const parts = input.trim().split(/\s+/);
| const cmd = parts[0].toLowerCase();
| const args = parts.slice(1);
|

| if (!(cmd in commands)) {
| terminalPrint(`Error: Command '${cmd}' not recognized. Type 'help' for commands.`);
| return;
| }
|

| // Restrict some commands to Antonio Rodriguez Jr.
| const restrictedCommands = ["harness", "unharness", "brain"];
| if (restrictedCommands.includes(cmd) && currentUser !== "Antonio Rodriguez Jr.") {
| terminalPrint(`Access denied: Only Antonio Rodriguez Jr. can execute '${cmd}'.`);
| return;
| }
|

| const result = commands[cmd].action(args);
| if (result) terminalPrint(result);
| }
|

| // Terminal input event
| terminalInput.addEventListener("keydown", (e) => {
| if (e.key === "Enter") {
| e.preventDefault();
| const input = terminalInput.value;
| terminalPrint(`> ${input}`);
| handleTerminalCommand(input);
| terminalInput.value = "";
| }
| });
|

| // Start/Stop buttons events
| btnStart.addEventListener("click", () => {
| startHarnessingSequence();
| });
| btnStop.addEventListener("click", () => {
| stopHarnessingSequence();
| });
|

| // Animate beam pulse for a star
| function animateBeamPulse(star) {
| const starIndex = allStars.findIndex(s => s.name === star.name);
| if (starIndex === -1) return;
| // Find the beam line corresponding to star (beam lines are after star dots, so index*2+1)
| const beamLines = beamsContainer.querySelectorAll(".beam-line");
| const beamLine = beamLines[starIndex];
| if (!beamLine) return;
| beamLine.style.animation = "beam-glow-pulse 1.5s ease-in-out 3";
| beamLine.addEventListener("animationend", () => {
| beamLine.style.animation = "beam-glow 2s ease-in-out infinite alternate";
| }, { once: true });
| }
|

| // Add keyboard and mouse interaction for star dots
| function addStarDotInteractions() {
| beamsContainer.querySelectorAll(".star-dot").forEach(starDot => {
| starDot.addEventListener("mouseenter", (e) => {
| const index = parseInt(starDot.getAttribute("data-star-index"));
| showTooltip(e, allStars[index]);
| });
| starDot.addEventListener("mouseleave", () => {
| hideTooltip();
| });
| starDot.addEventListener("focus", (e) => {
| const index = parseInt(starDot.getAttribute("data-star-index"));
| showTooltip(e, allStars[index]);
| });
| starDot.addEventListener("blur", () => {
| hideTooltip();
| });
| starDot.addEventListener("click", () => {
| const index = parseInt(starDot.getAttribute("data-star-index"));
| const star = allStars[index];
| terminalPrint(`> harness ${star.name}`);
| if (star.harnessed) {
| terminalPrint(`Star '${star.name}' is already harnessed.`);
| } else {
| star.harnessed = true;
| addVial(star.name);
| updateStarLists();
| updateStarDot(star.name);
| terminalPrint(`Star '${star.name}' is now harnessed and energy vial collected.`);
| animateBeamPulse(star);
| }
| });
| starDot.addEventListener("keydown", (e) => {
| if (e.key === "Enter" || e.key === " ") {
| e.preventDefault();
| starDot.click();
| }
| });
| });
| }
|

| // Tooltip show/hide
| function showTooltip(event, star) {
| tooltip.textContent = `${star.name} (${star.constellation}) - ${star.harnessed ? "Harnessed" : "To Harness"}`;
| tooltip.style.left = `${event.target.offsetLeft + 20}px`;
| tooltip.style.top = `${event.target.offsetTop - 30}px`;
| tooltip.classList.add("visible");
| tooltip.setAttribute("aria-hidden", "false");
| }
| function hideTooltip() {
| tooltip.classList.remove("visible");
| tooltip.setAttribute("aria-hidden", "true");
| }
|

| // Drag & Drop handlers for vials and distribution
|

| function addDragAndDropListeners() {
| // Draggables
| const draggables = document.querySelectorAll(".star-filled-vial[draggable='true']");
| draggables.forEach(draggable => {
| draggable.removeEventListener("dragstart", onDragStart);
| draggable.removeEventListener("dragend", onDragEnd);
| draggable.addEventListener("dragstart", onDragStart);
| draggable.addEventListener("dragend", onDragEnd);
| draggable.removeEventListener("keydown", onDraggableKeyDown);
| draggable.addEventListener("keydown", onDraggableKeyDown);
| });
|

| // Drop zones
| [vialsContainer, distributionContainer].forEach(zone => {
| zone.removeEventListener("dragover", onDragOver);
| zone.removeEventListener("drop", onDrop);
| zone.removeEventListener("dragleave", onDragLeave);
| zone.addEventListener("dragover", onDragOver);
| zone.addEventListener("drop", onDrop);
| zone.addEventListener("dragleave", onDragLeave);
| });
| }
|

| let draggedVial = null;
|

| function onDragStart(e) {
| draggedVial = e.target;
| e.dataTransfer.effectAllowed = "move";
| e.dataTransfer.setData("text/plain", draggedVial.dataset.starName);
| draggedVial.setAttribute("aria-grabbed", "true");
| setTimeout(() => {
| draggedVial.style.visibility = "hidden";
| }, 0);
| }
|

| function onDragEnd(e) {
| if (draggedVial) {
| draggedVial.style.visibility = "visible";
| draggedVial.setAttribute("aria-grabbed", "false");
| draggedVial = null;
| }
| [vialsContainer, distributionContainer].forEach(zone => {
| zone.classList.remove("dragover");
| });
| }
|

| function onDragOver(e) {
| e.preventDefault();
| e.dataTransfer.dropEffect = "move";
| e.currentTarget.classList.add("dragover");
| }
|

| function onDragLeave(e) {
| e.currentTarget.classList.remove("dragover");
| }
|

| function onDrop(e) {
| e.preventDefault();
| e.currentTarget.classList.remove("dragover");
| const starName = e.dataTransfer.getData("text/plain");
| if (!starName) return;
|

| // Determine source and target containers
| const sourceIsVials = vials.includes(starName);
| const targetIsVials = e.currentTarget === vialsContainer;
| const targetIsDistribution = e.currentTarget === distributionContainer;
|

| if (sourceIsVials && targetIsDistribution) {
| // Move vial from vials to distribution - assign to a timezone
| // Prompt user to select timezone
| promptTimezoneSelection(starName);
| } else if (!sourceIsVials && targetIsVials) {
| // Move vial back from distribution to vials (remove from distribution)
| removeVialFromDistribution(starName);
| }
| }
|

| // Prompt user to select timezone for vial distribution
| function promptTimezoneSelection(starName) {
| // Create modal-like prompt with timezone grid and confirm button
| const modal = document.createElement("div");
| modal.setAttribute("role", "dialog");
| modal.setAttribute("aria-modal", "true");
| modal.setAttribute("aria-label", `Select timezone to distribute energy vial from star ${starName}`);
| modal.style.position = "fixed";
| modal.style.top = "0";
| modal.style.left = "0";
| modal.style.width = "100vw";
| modal.style.height = "100vh";
| modal.style.backgroundColor = "rgba(0,0,0,0.85)";
| modal.style.display = "flex";
| modal.style.flexDirection = "column";
| modal.style.justifyContent = "center";
| modal.style.alignItems = "center";
| modal.style.zIndex = "9999";
| modal.style.padding = "1rem";
|

| const container = document.createElement("div");
| container.style.backgroundColor = "#111827";
| container.style.border = "2px solid #22c55e";
| container.style.borderRadius = "0.75rem";
| container.style.padding = "1rem";
| container.style.maxWidth = "600px";
| container.style.width = "100%";
| container.style.maxHeight = "80vh";
| container.style.overflowY = "auto";
| container.style.display = "flex";
| container.style.flexDirection = "column";
| container.style.gap = "1rem";
|

| const title = document.createElement("h2");
| title.textContent = `Select Timezone for Vial: ${starName}`;
| title.style.color = "#22c55e";
| title.style.fontFamily = "'Orbitron', monospace";
| title.style.marginBottom = "0.5rem";
| container.appendChild(title);
|

| const tzGrid = document.createElement("div");
| tzGrid.style.display = "grid";
| tzGrid.style.gridTemplateColumns = "repeat(auto-fill,minmax(120px,1fr))";
| tzGrid.style.gap = "0.5rem";
| tzGrid.style.maxHeight = "50vh";
| tzGrid.style.overflowY = "auto";
|

| let selectedTz = null;
|

| timezones.forEach(tz => {
| const block = document.createElement("button");
| block.type = "button";
| block.className = "timezone-block";
| block.textContent = `${tz.name} (${tz.offset})`;
| block.style.userSelect = "none";
| block.style.border = "1px solid #22c55e";
| block.style.backgroundColor = "#064e3b";
| block.style.color = "#a7f3d0";
| block.style.borderRadius = "0.5rem";
| block.style.padding = "0.5rem";
| block.style.fontSize = "0.75rem";
| block.style.cursor = "pointer";
| block.setAttribute("aria-pressed", "false");
| block.addEventListener("click", () => {
| // Deselect all
| Array.from(tzGrid.children).forEach(c => {
| c.classList.remove("active");
| c.setAttribute("aria-pressed", "false");
| });
| block.classList.add("active");
| block.setAttribute("aria-pressed", "true");
| selectedTz = tz.id;
| confirmBtn.disabled = false;
| confirmBtn.focus();
| });
| tzGrid.appendChild(block);
| });
|

| container.appendChild(tzGrid);
|

| const btnContainer = document.createElement("div");
| btnContainer.style.display = "flex";
| btnContainer.style.justifyContent = "flex-end";
| btnContainer.style.gap = "1rem";
|

| const cancelBtn = document.createElement("button");
| cancelBtn.type = "button";
| cancelBtn.textContent = "Cancel";
| cancelBtn.className = "btn-red px-3 py-1 rounded";
| cancelBtn.addEventListener("click", () => {
| document.body.removeChild(modal);
| });
|

| const confirmBtn = document.createElement("button");
| confirmBtn.type = "button";
| confirmBtn.textContent = "Confirm";
| confirmBtn.className = "btn-green px-3 py-1 rounded";
| confirmBtn.disabled = true;
| confirmBtn.addEventListener("click", () => {
| if (!selectedTz) return;
| distributeVialToTimezone(starName, selectedTz);
| document.body.removeChild(modal);
| });
|

| btnContainer.appendChild(cancelBtn);
| btnContainer.appendChild(confirmBtn);
| container.appendChild(btnContainer);
|

| modal.appendChild(container);
| document.body.appendChild(modal);
|

| // Focus first timezone block for accessibility
| const firstTzBtn = tzGrid.querySelector("button");
| if (firstTzBtn) firstTzBtn.focus();
| }
|

| // Distribute vial to timezone
| function distributeVialToTimezone(starName, timezoneId) {
| // Remove vial from vials container
| vials = vials.filter(v => v !== starName);
| // Add vial to distribution mapping
| if (!distributedVials[timezoneId]) {
| distributedVials[timezoneId] = [];
| }
| if (!distributedVials[timezoneId].includes(starName)) {
| distributedVials[timezoneId].push(starName);
| }
| renderVials();
| renderDistributedVials();
| updateTimezoneGrid();
| terminalPrint(`Distributed vial from star '${starName}' to timezone '${timezoneId}'.`);
| }
|

| // Remove vial from distribution (back to vials container)
| function removeVialFromDistribution(starName) {
| let found = false;
| for (const tz in distributedVials) {
| const index = distributedVials[tz].indexOf(starName);
| if (index !== -1) {
| distributedVials[tz].splice(index, 1);
| if (distributedVials[tz].length === 0) delete distributedVials[tz];
| found = true;
| break;
| }
| }
| if (found) {
| vials.push(starName);
| renderVials();
| renderDistributedVials();
| updateTimezoneGrid();
| terminalPrint(`Removed vial from distribution for star '${starName}'.`);
| }
| }
|

| // Update timezone grid to show which timezones have energy distributed
| function updateTimezoneGrid() {
| timezoneGrid.innerHTML = "";
| timezones.forEach(tz => {
| const block = document.createElement("div");
| block.className = "timezone-block";
| block.textContent = `${tz.name} (${tz.offset})`;
| if (distributedVials[tz.id] && distributedVials[tz.id].length > 0) {
| block.classList.add("active");
| block.title = `Energy vials distributed: ${distributedVials[tz.id].join(", ")}`;
| } else {
| block.title = "No energy distributed";
| }
| timezoneGrid.appendChild(block);
| });
| }
|

| // Drag & Drop keyboard support for vials
| function onDraggableKeyDown(e) {
| if (e.key === "Enter" || e.key === " ") {
| e.preventDefault();
| const vial = e.currentTarget;
| if (vial.parentElement === vialsContainer) {
| // Move vial to distribution - prompt timezone selection
| promptTimezoneSelection(vial.dataset.starName);
| } else if (vial.parentElement === distributionContainer) {
| // Move vial back to vials container
| removeVialFromDistribution(vial.dataset.starName);
| }
| }
| }
|

| // Initial render
| updateStarLists();
| renderVials();
| renderDistributedVials();
| createBeamsAndStars();
| addStarDotInteractions();
| updateTimezoneGrid();
|

| // Initial terminal welcome message
| terminalPrint("Welcome to the Star Communication Terminal.");
| terminalPrint("Type 'help' to see available commands.");
|

| // Accessibility: focus terminal input on load
| window.addEventListener("load", () => {
| terminalInput.disabled = true;
| });
| </script>
| </body>
| </html>

Blueprint

DYBP:0,637858105788552499,0.9.24.11286,4,85"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"9D9B319E065923124C10C53730A03842

Author: masterind
Collection: Dyson Spheres
Game version: 0.9.27.15466
Copied: 3 times
Created: 4 days ago

Dyson Sphere summary

Not available yet

The Real One

Blueprint

Dyson Sphere summary

Tagged with