Spaces:

privateuserh
/

uaphe-vbeta1-00

Running

App Files Files Community

privateuserh commited on Apr 19

Commit

87d3eb3

verified ·

1 Parent(s): 644ee9d

Add 2 files

Browse files

Files changed (2) hide show

index.html +340 -29
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -6,6 +6,7 @@
     <title>UAP Pulse - Concise UFO News</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
@@ -64,6 +65,95 @@
         .glow {
             text-shadow: 0 0 10px rgba(59, 130, 246, 0.7);
         }
     </style>
 </head>
 <body class="min-h-screen">
@@ -94,14 +184,14 @@
             <div class="bg-gradient-to-br from-blue-900/50 to-slate-900/50 rounded-xl p-6 shadow-xl border border-blue-800/30">
                 <div class="flex items-center mb-4">
                     <span class="bg-blue-500 text-white text-xs font-semibold px-2.5 py-0.5 rounded">BREAKING</span>
-                    <span class="text-blue-300 text-sm ml-2">June 2023</span>
                 </div>
                 <h2 class="text-xl md:text-2xl font-bold text-white mb-3">Pentagon confirms new UAP footage from military pilots</h2>
                 <p class="text-blue-100 mb-4">"The footage shows unidentified objects exhibiting flight characteristics beyond known technology" - DoD spokesperson. Analysis ongoing.</p>
                 <div class="flex justify-between items-center">
                     <span class="text-xs text-blue-300">Source: Defense.gov</span>
-                    <button class="text-blue-400 hover:text-blue-200 text-sm flex items-center">
-                        <i class="fas fa-share-alt mr-1"></i> Share
                     </button>
                 </div>
             </div>
@@ -110,7 +200,7 @@
         <!-- Recent Posts Grid -->
         <section>
             <h2 class="text-xl font-semibold text-white mb-6 flex items-center">
-                <i class="fas fa-bolt text-blue-400 mr-2"></i> Recent Sightings
             </h2>
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -118,14 +208,14 @@
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-green-500 text-white text-xs font-semibold px-2 py-0.5 rounded">NEW</span>
-                        <span class="text-slate-400 text-xs ml-2">May 15, 2023</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">Triangle UAP over Arizona</h3>
                     <p class="text-slate-300 text-sm mb-4">Multiple witnesses report silent black triangle with lights hovering near Phoenix. No radar confirmation.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: NUFORC #123456</span>
-                        <button class="text-blue-400 hover:text-blue-200 text-xs">
-                            <i class="fas fa-ellipsis-h"></i>
                         </button>
                     </div>
                 </article>
@@ -134,14 +224,14 @@
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-purple-500 text-white text-xs font-semibold px-2 py-0.5 rounded">HISTORIC</span>
-                        <span class="text-slate-400 text-xs ml-2">July 1947</span>
                     </div>
-                    <h3 class="font-semibold text-white mb-2">Roswell Incident Update</h3>
-                    <p class="text-slate-300 text-sm mb-4">Declassified docs reveal new details about military response to alleged crash. Weather balloon explanation contested.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: National Archives</span>
-                        <button class="text-blue-400 hover:text-blue-200 text-xs">
-                            <i class="fas fa-ellipsis-h"></i>
                         </button>
                     </div>
                 </article>
@@ -150,14 +240,14 @@
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-yellow-500 text-white text-xs font-semibold px-2 py-0.5 rounded">ANALYSIS</span>
-                        <span class="text-slate-400 text-xs ml-2">April 2023</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">Navy Pilot Encounters</h3>
                     <p class="text-slate-300 text-sm mb-4">"The objects accelerated like nothing I've ever seen" - F/A-18 pilot describes 2004 Nimitz encounter in new interview.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: Space.com</span>
-                        <button class="text-blue-400 hover:text-blue-200 text-xs">
-                            <i class="fas fa-ellipsis-h"></i>
                         </button>
                     </div>
                 </article>
@@ -166,14 +256,14 @@
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-red-500 text-white text-xs font-semibold px-2 py-0.5 rounded">WARNING</span>
-                        <span class="text-slate-400 text-xs ml-2">March 2023</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">UAP Flight Safety Concerns</h3>
                     <p class="text-slate-300 text-sm mb-4">FAA reports increase in near-misses with unidentified objects. New reporting procedures implemented for pilots.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: Defense.gov</span>
-                        <button class="text-blue-400 hover:text-blue-200 text-xs">
-                            <i class="fas fa-ellipsis-h"></i>
                         </button>
                     </div>
                 </article>
@@ -182,14 +272,14 @@
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-blue-500 text-white text-xs font-semibold px-2 py-0.5 rounded">REPORT</span>
-                        <span class="text-slate-400 text-xs ml-2">February 2023</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">Global UAP Sightings Spike</h3>
                     <p class="text-slate-300 text-sm mb-4">NUFORC data shows 37% increase in credible reports since 2020. Most common shapes: spheres, triangles, cylinders.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: NUFORC Stats</span>
-                        <button class="text-blue-400 hover:text-blue-200 text-xs">
-                            <i class="fas fa-ellipsis-h"></i>
                         </button>
                     </div>
                 </article>
@@ -198,14 +288,55 @@
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-indigo-500 text-white text-xs font-semibold px-2 py-0.5 rounded">SCIENCE</span>
-                        <span class="text-slate-400 text-xs ml-2">January 2023</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">New Analysis of 1967 Malmstrom Case</h3>
                     <p class="text-slate-300 text-sm mb-4">Researchers claim new evidence suggests UAP may have temporarily disabled nuclear missiles. Military records partially confirm.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: Wikipedia/UAP</span>
-                        <button class="text-blue-400 hover:text-blue-200 text-xs">
-                            <i class="fas fa-ellipsis-h"></i>
                         </button>
                     </div>
                 </article>
@@ -283,7 +414,7 @@
             </div>
             <div class="border-t border-slate-800 mt-6 pt-6 flex flex-col md:flex-row justify-between items-center">
-                <p class="text-slate-500 text-sm mb-4 md:mb-0">© 2023 UAP Pulse. All rights reserved.</p>
                 <div class="flex space-x-4">
                     <a href="#" class="text-slate-400 hover:text-blue-300 text-sm">Privacy</a>
                     <a href="#" class="text-slate-400 hover:text-blue-300 text-sm">Terms</a>
@@ -294,10 +425,80 @@
         </div>
     </footer>
-    <!-- Floating Action Button -->
-    <button class="fixed bottom-6 right-6 bg-blue-600 hover:bg-blue-500 text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all">
-        <i class="fas fa-plus text-xl"></i>
-    </button>
     <script>
         // Simple animation for post cards on scroll
@@ -324,7 +525,117 @@
             setTimeout(() => {
                 document.querySelector('.typewriter').style.borderRight = 'none';
             }, 3500);
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=privateuserh/uaphe-vbeta1-00" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

     <title>UAP Pulse - Concise UFO News</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/qrcode.min.js"></script>
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
         .glow {
             text-shadow: 0 0 10px rgba(59, 130, 246, 0.7);
         }
+        /* Breaking news panel */
+        .breaking-panel {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(90deg, #ef4444, #dc2626);
+            color: white;
+            padding: 12px;
+            z-index: 100;
+            transform: translateY(100%);
+            transition: transform 0.3s ease-out;
+            box-shadow: 0 -5px 15px rgba(0,0,0,0.3);
+        }
+        .breaking-panel.show {
+            transform: translateY(0);
+        }
+        /* ASR modal */
+        .asr-modal {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%) scale(0);
+            background: #1e293b;
+            border: 1px solid #3b82f6;
+            border-radius: 8px;
+            padding: 20px;
+            width: 90%;
+            max-width: 500px;
+            z-index: 1000;
+            opacity: 0;
+            transition: all 0.3s ease;
+        }
+        .asr-modal.active {
+            transform: translate(-50%, -50%) scale(1);
+            opacity: 1;
+        }
+        .asr-modal-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0,0,0,0.7);
+            z-index: 999;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity 0.3s ease;
+        }
+        .asr-modal-overlay.active {
+            opacity: 1;
+            pointer-events: all;
+        }
+        /* Recording animation */
+        @keyframes pulse {
+            0% { opacity: 1; }
+            50% { opacity: 0.5; }
+            100% { opacity: 1; }
+        }
+        .recording {
+            animation: pulse 1.5s infinite;
+        }
+        /* QR code popup */
+        .qr-popup {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%) scale(0);
+            background: #1e293b;
+            padding: 20px;
+            border-radius: 8px;
+            z-index: 1001;
+            transition: transform 0.3s ease;
+            text-align: center;
+            border: 1px solid #3b82f6;
+        }
+        .qr-popup.active {
+            transform: translate(-50%, -50%) scale(1);
+        }
     </style>
 </head>
 <body class="min-h-screen">
             <div class="bg-gradient-to-br from-blue-900/50 to-slate-900/50 rounded-xl p-6 shadow-xl border border-blue-800/30">
                 <div class="flex items-center mb-4">
                     <span class="bg-blue-500 text-white text-xs font-semibold px-2.5 py-0.5 rounded">BREAKING</span>
+                    <span class="text-blue-300 text-sm ml-2">June 2024</span>
                 </div>
                 <h2 class="text-xl md:text-2xl font-bold text-white mb-3">Pentagon confirms new UAP footage from military pilots</h2>
                 <p class="text-blue-100 mb-4">"The footage shows unidentified objects exhibiting flight characteristics beyond known technology" - DoD spokesperson. Analysis ongoing.</p>
                 <div class="flex justify-between items-center">
                     <span class="text-xs text-blue-300">Source: Defense.gov</span>
+                    <button class="text-blue-400 hover:text-blue-200 text-sm flex items-center" onclick="generateQR('Pentagon confirms new UAP footage from military pilots', 'https://uap-pulse.example.com/posts/2024-pentagon-footage')">
+                        <i class="fas fa-qrcode mr-1"></i> QR Code
                     </button>
                 </div>
             </div>
         <!-- Recent Posts Grid -->
         <section>
             <h2 class="text-xl font-semibold text-white mb-6 flex items-center">
+                <i class="fas fa-bolt text-blue-400 mr-2"></i> 2024 Sightings
             </h2>
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-green-500 text-white text-xs font-semibold px-2 py-0.5 rounded">NEW</span>
+                        <span class="text-slate-400 text-xs ml-2">May 15, 2024</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">Triangle UAP over Arizona</h3>
                     <p class="text-slate-300 text-sm mb-4">Multiple witnesses report silent black triangle with lights hovering near Phoenix. No radar confirmation.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: NUFORC #123456</span>
+                        <button class="text-blue-400 hover:text-blue-200 text-xs" onclick="generateQR('Triangle UAP over Arizona', 'https://uap-pulse.example.com/posts/2024-arizona-triangle')">
+                            <i class="fas fa-qrcode"></i>
                         </button>
                     </div>
                 </article>
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-purple-500 text-white text-xs font-semibold px-2 py-0.5 rounded">HISTORIC</span>
+                        <span class="text-slate-400 text-xs ml-2">April 2024</span>
                     </div>
+                    <h3 class="font-semibold text-white mb-2">Congressional Hearing Update</h3>
+                    <p class="text-slate-300 text-sm mb-4">New whistleblower testimony reveals previously undisclosed UAP retrieval program. Pentagon denies claims.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: National Archives</span>
+                        <button class="text-blue-400 hover:text-blue-200 text-xs" onclick="generateQR('Congressional Hearing Update', 'https://uap-pulse.example.com/posts/2024-congress-hearing')">
+                            <i class="fas fa-qrcode"></i>
                         </button>
                     </div>
                 </article>
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-yellow-500 text-white text-xs font-semibold px-2 py-0.5 rounded">ANALYSIS</span>
+                        <span class="text-slate-400 text-xs ml-2">March 2024</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">Navy Pilot Encounters</h3>
                     <p class="text-slate-300 text-sm mb-4">"The objects accelerated like nothing I've ever seen" - F/A-18 pilot describes 2004 Nimitz encounter in new interview.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: Space.com</span>
+                        <button class="text-blue-400 hover:text-blue-200 text-xs" onclick="generateQR('Navy Pilot Encounters', 'https://uap-pulse.example.com/posts/2024-navy-encounters')">
+                            <i class="fas fa-qrcode"></i>
                         </button>
                     </div>
                 </article>
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-red-500 text-white text-xs font-semibold px-2 py-0.5 rounded">WARNING</span>
+                        <span class="text-slate-400 text-xs ml-2">February 2024</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">UAP Flight Safety Concerns</h3>
                     <p class="text-slate-300 text-sm mb-4">FAA reports increase in near-misses with unidentified objects. New reporting procedures implemented for pilots.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: Defense.gov</span>
+                        <button class="text-blue-400 hover:text-blue-200 text-xs" onclick="generateQR('UAP Flight Safety Concerns', 'https://uap-pulse.example.com/posts/2024-flight-safety')">
+                            <i class="fas fa-qrcode"></i>
                         </button>
                     </div>
                 </article>
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-blue-500 text-white text-xs font-semibold px-2 py-0.5 rounded">REPORT</span>
+                        <span class="text-slate-400 text-xs ml-2">January 2024</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">Global UAP Sightings Spike</h3>
                     <p class="text-slate-300 text-sm mb-4">NUFORC data shows 37% increase in credible reports since 2020. Most common shapes: spheres, triangles, cylinders.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: NUFORC Stats</span>
+                        <button class="text-blue-400 hover:text-blue-200 text-xs" onclick="generateQR('Global UAP Sightings Spike', 'https://uap-pulse.example.com/posts/2024-global-spike')">
+                            <i class="fas fa-qrcode"></i>
                         </button>
                     </div>
                 </article>
                 <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
                     <div class="flex items-center mb-3">
                         <span class="bg-indigo-500 text-white text-xs font-semibold px-2 py-0.5 rounded">SCIENCE</span>
+                        <span class="text-slate-400 text-xs ml-2">December 2023</span>
                     </div>
                     <h3 class="font-semibold text-white mb-2">New Analysis of 1967 Malmstrom Case</h3>
                     <p class="text-slate-300 text-sm mb-4">Researchers claim new evidence suggests UAP may have temporarily disabled nuclear missiles. Military records partially confirm.</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-slate-500">Source: Wikipedia/UAP</span>
+                        <button class="text-blue-400 hover:text-blue-200 text-xs" onclick="generateQR('New Analysis of 1967 Malmstrom Case', 'https://uap-pulse.example.com/posts/2023-malmstrom')">
+                            <i class="fas fa-qrcode"></i>
+                        </button>
+                    </div>
+                </article>
+            </div>
+        </section>
+        <!-- 2025 Sightings Section -->
+        <section class="mt-16">
+            <h2 class="text-xl font-semibold text-white mb-6 flex items-center">
+                <i class="fas fa-calendar text-blue-400 mr-2"></i> 2025 Projections
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <!-- Projection 1 -->
+                <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
+                    <div class="flex items-center mb-3">
+                        <span class="bg-pink-500 text-white text-xs font-semibold px-2 py-0.5 rounded">FUTURE</span>
+                        <span class="text-slate-400 text-xs ml-2">Q1 2025</span>
+                    </div>
+                    <h3 class="font-semibold text-white mb-2">NASA UAP Study Results</h3>
+                    <p class="text-slate-300 text-sm mb-4">Anticipated release of NASA's comprehensive UAP study expected to recommend new scientific approaches to phenomenon.</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-xs text-slate-500">Projected Source: NASA</span>
+                        <button class="text-blue-400 hover:text-blue-200 text-xs" onclick="generateQR('NASA UAP Study Results', 'https://uap-pulse.example.com/projections/2025-nasa-study')">
+                            <i class="fas fa-qrcode"></i>
+                        </button>
+                    </div>
+                </article>
+                <!-- Projection 2 -->
+                <article class="post-card rounded-lg p-5 shadow-md hover:shadow-blue-500/10">
+                    <div class="flex items-center mb-3">
+                        <span class="bg-teal-500 text-white text-xs font-semibold px-2 py-0.5 rounded">FUTURE</span>
+                        <span class="text-slate-400 text-xs ml-2">Q2 2025</span>
+                    </div>
+                    <h3 class="font-semibold text-white mb-2">International UAP Task Force</h3>
+                    <p class="text-slate-300 text-sm mb-4">Pentagon officials suggest multinational UAP investigation team may form to share data across allied nations.</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-xs text-slate-500">Projected Source: DoD</span>
+                        <button class="text-blue-400 hover:text-blue-200 text-xs" onclick="generateQR('International UAP Task Force', 'https://uap-pulse.example.com/projections/2025-intl-task-force')">
+                            <i class="fas fa-qrcode"></i>
                         </button>
                     </div>
                 </article>
             </div>
             <div class="border-t border-slate-800 mt-6 pt-6 flex flex-col md:flex-row justify-between items-center">
+                <p class="text-slate-500 text-sm mb-4 md:mb-0">© 2024 UAP Pulse. All rights reserved.</p>
                 <div class="flex space-x-4">
                     <a href="#" class="text-slate-400 hover:text-blue-300 text-sm">Privacy</a>
                     <a href="#" class="text-slate-400 hover:text-blue-300 text-sm">Terms</a>
         </div>
     </footer>
+    <!-- Breaking News Panel -->
+    <div class="breaking-panel" id="breakingPanel">
+        <div class="container mx-auto flex items-center justify-between">
+            <div class="flex items-center">
+                <span class="bg-white text-red-600 font-bold px-2 py-0.5 rounded mr-3">BREAKING</span>
+                <span class="text-white font-medium" id="breakingText">Mass UAP sighting reported over New York City - multiple witnesses confirm unusual lights</span>
+            </div>
+            <button class="text-white hover:text-gray-200 ml-4" onclick="closeBreakingPanel()">
+                <i class="fas fa-times"></i>
+            </button>
+        </div>
+    </div>
+    <!-- Floating Action Buttons -->
+    <div class="fixed bottom-6 right-6 flex flex-col space-y-3">
+        <button class="bg-red-600 hover:bg-red-500 text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all" onclick="showBreakingPanel()">
+            <i class="fas fa-bell"></i>
+        </button>
+        <button class="bg-blue-600 hover:bg-blue-500 text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all" onclick="openASRModal()">
+            <i class="fas fa-plus"></i>
+        </button>
+    </div>
+    <!-- ASR Modal -->
+    <div class="asr-modal" id="asrModal">
+        <div class="flex justify-between items-center mb-4">
+            <h3 class="text-lg font-semibold text-white">Create New UAP Report</h3>
+            <button class="text-slate-400 hover:text-white" onclick="closeASRModal()">
+                <i class="fas fa-times"></i>
+            </button>
+        </div>
+        <div class="mb-4">
+            <label class="block text-sm font-medium text-slate-300 mb-1">Title</label>
+            <input type="text" id="postTitle" class="w-full bg-slate-800 border border-slate-700 rounded px-3 py-2 text-white focus:outline-none focus:ring-1 focus:ring-blue-500">
+        </div>
+        <div class="mb-4">
+            <label class="block text-sm font-medium text-slate-300 mb-1">Content</label>
+            <textarea id="postContent" rows="4" class="w-full bg-slate-800 border border-slate-700 rounded px-3 py-2 text-white focus:outline-none focus:ring-1 focus:ring-blue-500"></textarea>
+        </div>
+        <div class="flex items-center mb-4">
+            <button id="recordButton" class="bg-red-600 hover:bg-red-500 text-white px-4 py-2 rounded flex items-center" onclick="toggleRecording()">
+                <i class="fas fa-microphone mr-2"></i> Start Recording
+            </button>
+            <span id="recordingStatus" class="text-slate-400 text-sm ml-3 hidden">
+                <i class="fas fa-circle text-red-500 mr-1"></i> Recording...
+            </span>
+        </div>
+        <div class="flex justify-end space-x-3">
+            <button class="bg-slate-700 hover:bg-slate-600 text-white px-4 py-2 rounded" onclick="closeASRModal()">
+                Cancel
+            </button>
+            <button class="bg-blue-600 hover:bg-blue-500 text-white px-4 py-2 rounded" onclick="createPost()">
+                Create Post
+            </button>
+        </div>
+    </div>
+    <div class="asr-modal-overlay" id="asrModalOverlay"></div>
+    <!-- QR Code Popup -->
+    <div class="qr-popup" id="qrPopup">
+        <div class="flex justify-between items-center mb-3">
+            <h3 class="text-sm font-semibold text-white" id="qrTitle"></h3>
+            <button class="text-slate-400 hover:text-white" onclick="closeQRPopup()">
+                <i class="fas fa-times"></i>
+            </button>
+        </div>
+        <div id="qrCode" class="mb-3 mx-auto"></div>
+        <p class="text-xs text-slate-400">Scan to share this story</p>
+    </div>
     <script>
         // Simple animation for post cards on scroll
             setTimeout(() => {
                 document.querySelector('.typewriter').style.borderRight = 'none';
             }, 3500);
+            // Show breaking news panel after delay
+            setTimeout(showBreakingPanel, 10000);
         });
+        // Breaking news panel functions
+        function showBreakingPanel() {
+            const panel = document.getElementById('breakingPanel');
+            panel.classList.add('show');
+            // Rotate through different breaking news items
+            const breakingTexts = [
+                "Mass UAP sighting reported over New York City - multiple witnesses confirm unusual lights",
+                "Pentagon confirms leaked video shows unknown object entering ocean at hypersonic speed",
+                "BREAKING: Congressional committee demands immediate release of all UAP-related documents",
+                "Scientists detect unusual atmospheric anomalies coinciding with recent UAP sightings"
+            ];
+            let currentIndex = 0;
+            setInterval(() => {
+                currentIndex = (currentIndex + 1) % breakingTexts.length;
+                document.getElementById('breakingText').textContent = breakingTexts[currentIndex];
+            }, 15000);
+        }
+        function closeBreakingPanel() {
+            document.getElementById('breakingPanel').classList.remove('show');
+        }
+        // ASR modal functions
+        function openASRModal() {
+            document.getElementById('asrModal').classList.add('active');
+            document.getElementById('asrModalOverlay').classList.add('active');
+        }
+        function closeASRModal() {
+            document.getElementById('asrModal').classList.remove('active');
+            document.getElementById('asrModalOverlay').classList.remove('active');
+            stopRecording();
+        }
+        function toggleRecording() {
+            const recordButton = document.getElementById('recordButton');
+            const recordingStatus = document.getElementById('recordingStatus');
+            if (recordButton.innerHTML.includes('Start')) {
+                // Start recording
+                recordButton.innerHTML = '<i class="fas fa-stop mr-2"></i> Stop Recording';
+                recordButton.classList.remove('bg-red-600', 'hover:bg-red-500');
+                recordButton.classList.add('bg-red-700', 'hover:bg-red-600');
+                recordingStatus.classList.remove('hidden');
+                // Simulate ASR transcription
+                setTimeout(() => {
+                    document.getElementById('postContent').value = "I witnessed multiple bright lights in triangular formation moving silently over the city at approximately 9:30 PM. The objects made sudden 90-degree turns without slowing down. No visible propulsion or sound. Duration: about 2 minutes before disappearing behind clouds.";
+                }, 2000);
+            } else {
+                // Stop recording
+                stopRecording();
+            }
+        }
+        function stopRecording() {
+            const recordButton = document.getElementById('recordButton');
+            const recordingStatus = document.getElementById('recordingStatus');
+            recordButton.innerHTML = '<i class="fas fa-microphone mr-2"></i> Start Recording';
+            recordButton.classList.add('bg-red-600', 'hover:bg-red-500');
+            recordButton.classList.remove('bg-red-700', 'hover:bg-red-600');
+            recordingStatus.classList.add('hidden');
+        }
+        function createPost() {
+            const title = document.getElementById('postTitle').value;
+            const content = document.getElementById('postContent').value;
+            if (title && content) {
+                alert(`New post created!\nTitle: ${title}\nContent: ${content}`);
+                closeASRModal();
+                // Generate QR code for the new post
+                generateQR(title, `https://uap-pulse.example.com/posts/${Date.now()}`);
+            } else {
+                alert('Please fill in both title and content');
+            }
+        }
+        // QR code functions
+        function generateQR(title, url) {
+            const qrPopup = document.getElementById('qrPopup');
+            const qrTitle = document.getElementById('qrTitle');
+            const qrCode = document.getElementById('qrCode');
+            qrTitle.textContent = title;
+            qrCode.innerHTML = '';
+            // Generate QR code
+            const qr = qrcode(0, 'L');
+            qr.addData(url);
+            qr.make();
+            qrCode.innerHTML = qr.createImgTag(4);
+            // Show popup
+            qrPopup.classList.add('active');
+            document.getElementById('asrModalOverlay').classList.add('active');
+        }
+        function closeQRPopup() {
+            document.getElementById('qrPopup').classList.remove('active');
+            document.getElementById('asrModalOverlay').classList.remove('active');
+        }
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=privateuserh/uaphe-vbeta1-00" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

	@@ -1 +1,2 @@
1	- Create a user friendly site news site for the UAP Phenomena the posts should be short structured like an SMS message sources include https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.space.com/ufos-uap-history-sightings-mysteries&ved=2ahUKEwj8t820weSMAxWYLEQIHbgSLCU4ChAWegQINBAB&usg=AOvVaw24SkrdrmkTEWgzdJmSBvCo https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://nuforc.org/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECEAQAQ&usg=AOvVaw1a844ErQ97vdCd3TvaoI3M https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://en.wikipedia.org/wiki/List_of_reported_UFO_sightings&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoFCIYBEAE&usg=AOvVaw0WOX5sdaurC3AidtGJt8cB https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.archives.gov/research/topics/uaps&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoFCIcBEAE&usg=AOvVaw1ocJHQllNsgcF933hCJUVJ https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://nuforc.org/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECEAQAQ&usg=AOvVaw1a844ErQ97vdCd3TvaoI3M https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.archives.gov/research/topics/uaps&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoFCIcBEAE&usg=AOvVaw1ocJHQllNsgcF933hCJUVJ https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.defense.gov/News/News-Stories/Article/Article/3965403/dod-examining-unidentified-anomalous-phenomena/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECHEQAQ&usg=AOvVaw1u36Wl5lmNH31UnHfcIVx5 https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://en.wikipedia.org/wiki/List_of_reported_UFO_sightings&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoFCIYBEAE&usg=AOvVaw0WOX5sdaurC3AidtGJt8cB and reference but not link to the following Resources https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.defense.gov/News/News-Stories/Article/Article/3965403/dod-examining-unidentified-anomalous-phenomena/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECHEQAQ&usg=AOvVaw1u36Wl5lmNH31UnHfcIVx5 https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.aaro.mil/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECD8QAQ&usg=AOvVaw2rM6dTgvtuADyDNqLe8RDD


1	+ Create a user friendly site news site for the UAP Phenomena the posts should be short structured like an SMS message sources include https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.space.com/ufos-uap-history-sightings-mysteries&ved=2ahUKEwj8t820weSMAxWYLEQIHbgSLCU4ChAWegQINBAB&usg=AOvVaw24SkrdrmkTEWgzdJmSBvCo https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://nuforc.org/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECEAQAQ&usg=AOvVaw1a844ErQ97vdCd3TvaoI3M https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://en.wikipedia.org/wiki/List_of_reported_UFO_sightings&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoFCIYBEAE&usg=AOvVaw0WOX5sdaurC3AidtGJt8cB https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.archives.gov/research/topics/uaps&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoFCIcBEAE&usg=AOvVaw1ocJHQllNsgcF933hCJUVJ https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://nuforc.org/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECEAQAQ&usg=AOvVaw1a844ErQ97vdCd3TvaoI3M https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.archives.gov/research/topics/uaps&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoFCIcBEAE&usg=AOvVaw1ocJHQllNsgcF933hCJUVJ https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.defense.gov/News/News-Stories/Article/Article/3965403/dod-examining-unidentified-anomalous-phenomena/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECHEQAQ&usg=AOvVaw1u36Wl5lmNH31UnHfcIVx5 https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://en.wikipedia.org/wiki/List_of_reported_UFO_sightings&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoFCIYBEAE&usg=AOvVaw0WOX5sdaurC3AidtGJt8cB and reference but not link to the following Resources https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.defense.gov/News/News-Stories/Article/Article/3965403/dod-examining-unidentified-anomalous-phenomena/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECHEQAQ&usg=AOvVaw1u36Wl5lmNH31UnHfcIVx5 https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.aaro.mil/&ved=2ahUKEwjL0Kz9wOSMAxW4le4BHflZNoIQFnoECD8QAQ&usg=AOvVaw2rM6dTgvtuADyDNqLe8RDD
2	+ Auto update News stories for 2024 and a Breaking UAP Sightings Panel for 2025 make a floating button for breaking Sightings automatically add Mini QR codes that can be generated for each story that QR Code should feature the headline then the story is linked to the QR code create an ASR floating window to record a live post the ASR window should be able to create a new post and corresponding QR code