Spaces:

privateuserh
/

uaphe-vbeta1-00

Running

App Files Files Community

privateuserh commited on Apr 19

Commit

db187ac

verified ·

1 Parent(s): 87d3eb3

Add 2 files

Browse files

Files changed (2) hide show

index.html +148 -0
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -149,11 +149,46 @@
             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">
@@ -446,6 +481,9 @@
         <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 -->
@@ -498,6 +536,37 @@
         </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>
@@ -528,6 +597,10 @@
             // Show breaking news panel after delay
             setTimeout(showBreakingPanel, 10000);
         });
         // Breaking news panel functions
@@ -621,6 +694,10 @@
             qrTitle.textContent = title;
             qrCode.innerHTML = '';
             // Generate QR code
             const qr = qrcode(0, 'L');
             qr.addData(url);
@@ -636,6 +713,77 @@
             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>

             transition: transform 0.3s ease;
             text-align: center;
             border: 1px solid #3b82f6;
+            width: 90%;
+            max-width: 300px;
         }
         .qr-popup.active {
             transform: translate(-50%, -50%) scale(1);
         }
+        /* NFC modal */
+        .nfc-modal {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%) scale(0);
+            background: #1e293b;
+            border: 1px solid #10b981;
+            border-radius: 8px;
+            padding: 20px;
+            width: 90%;
+            max-width: 400px;
+            z-index: 1002;
+            opacity: 0;
+            transition: all 0.3s ease;
+        }
+        .nfc-modal.active {
+            transform: translate(-50%, -50%) scale(1);
+            opacity: 1;
+        }
+        /* NFC animation */
+        @keyframes nfc-pulse {
+            0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
+            70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
+            100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
+        }
+        .nfc-scanning {
+            animation: nfc-pulse 2s infinite;
+        }
     </style>
 </head>
 <body class="min-h-screen">
         <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>
+        <button class="bg-green-600 hover:bg-green-500 text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all" id="nfcButton" onclick="openNFCModal()">
+            <i class="fas fa-wifi"></i>
+        </button>
     </div>
     <!-- ASR Modal -->
         </div>
         <div id="qrCode" class="mb-3 mx-auto"></div>
         <p class="text-xs text-slate-400">Scan to share this story</p>
+        <button class="mt-3 bg-green-600 hover:bg-green-500 text-white px-3 py-1 rounded text-sm flex items-center mx-auto" onclick="sendViaNFC()">
+            <i class="fas fa-wifi mr-1"></i> Send via NFC
+        </button>
+    </div>
+    <!-- NFC Modal -->
+    <div class="nfc-modal" id="nfcModal">
+        <div class="flex justify-between items-center mb-4">
+            <h3 class="text-lg font-semibold text-white">NFC Transmitter</h3>
+            <button class="text-slate-400 hover:text-white" onclick="closeNFCModal()">
+                <i class="fas fa-times"></i>
+            </button>
+        </div>
+        <div class="text-center mb-6">
+            <div class="bg-green-600/20 border-2 border-green-500 rounded-full w-24 h-24 flex items-center justify-center mx-auto mb-3" id="nfcIcon">
+                <i class="fas fa-wifi text-3xl text-green-400"></i>
+            </div>
+            <p class="text-slate-300 text-sm" id="nfcStatus">Ready to transmit selected QR code</p>
+        </div>
+        <div class="bg-slate-800/50 rounded-lg p-4 mb-4">
+            <h4 class="text-sm font-medium text-white mb-2">Selected Story</h4>
+            <p class="text-slate-300 text-sm" id="nfcStoryTitle">No story selected</p>
+        </div>
+        <div class="flex justify-center">
+            <button class="bg-green-600 hover:bg-green-500 text-white px-4 py-2 rounded flex items-center" id="nfcTransmitButton" onclick="startNFCTransmission()">
+                <i class="fas fa-bolt mr-2"></i> Begin Transmission
+            </button>
+        </div>
     </div>
     <script>
             // Show breaking news panel after delay
             setTimeout(showBreakingPanel, 10000);
+            // Initialize NFC variables
+            window.currentQRData = null;
+            window.currentQRTitle = null;
         });
         // Breaking news panel functions
             qrTitle.textContent = title;
             qrCode.innerHTML = '';
+            // Store current QR data for NFC transmission
+            window.currentQRData = url;
+            window.currentQRTitle = title;
             // Generate QR code
             const qr = qrcode(0, 'L');
             qr.addData(url);
             document.getElementById('qrPopup').classList.remove('active');
             document.getElementById('asrModalOverlay').classList.remove('active');
         }
+        // NFC functions
+        function openNFCModal() {
+            const nfcModal = document.getElementById('nfcModal');
+            const nfcStoryTitle = document.getElementById('nfcStoryTitle');
+            // Update with current story if available
+            if (window.currentQRTitle) {
+                nfcStoryTitle.textContent = window.currentQRTitle;
+                document.getElementById('nfcTransmitButton').disabled = false;
+            } else {
+                nfcStoryTitle.textContent = "No story selected";
+                document.getElementById('nfcTransmitButton').disabled = true;
+            }
+            nfcModal.classList.add('active');
+            document.getElementById('asrModalOverlay').classList.add('active');
+        }
+        function closeNFCModal() {
+            document.getElementById('nfcModal').classList.remove('active');
+            document.getElementById('asrModalOverlay').classList.remove('active');
+            stopNFCTransmission();
+        }
+        function sendViaNFC() {
+            closeQRPopup();
+            openNFCModal();
+        }
+        function startNFCTransmission() {
+            const nfcIcon = document.getElementById('nfcIcon');
+            const nfcStatus = document.getElementById('nfcStatus');
+            const nfcButton = document.getElementById('nfcButton');
+            const transmitButton = document.getElementById('nfcTransmitButton');
+            if (!window.currentQRData) {
+                nfcStatus.textContent = "Error: No data to transmit";
+                return;
+            }
+            // Visual feedback
+            nfcIcon.classList.add('nfc-scanning');
+            nfcStatus.textContent = "Transmitting data via NFC...";
+            transmitButton.disabled = true;
+            transmitButton.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Transmitting';
+            nfcButton.classList.add('nfc-scanning');
+            // Simulate NFC transmission
+            setTimeout(() => {
+                stopNFCTransmission();
+                nfcStatus.textContent = "Transmission complete!";
+                // Show success message
+                setTimeout(() => {
+                    nfcStatus.textContent = "Ready to transmit selected QR code";
+                }, 2000);
+            }, 3000);
+        }
+        function stopNFCTransmission() {
+            const nfcIcon = document.getElementById('nfcIcon');
+            const nfcStatus = document.getElementById('nfcStatus');
+            const nfcButton = document.getElementById('nfcButton');
+            const transmitButton = document.getElementById('nfcTransmitButton');
+            nfcIcon.classList.remove('nfc-scanning');
+            nfcButton.classList.remove('nfc-scanning');
+            transmitButton.disabled = false;
+            transmitButton.innerHTML = '<i class="fas fa-bolt mr-2"></i> Begin Transmission';
+        }
     </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,2 +1,3 @@
 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
-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

 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
+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
+Create a floating button linking all the QR codes to an NFC (Near Field Communications) transmitter to send any QR code selctedQR code