Spaces:

Boobs00
/

cipherecstasy

Running

App Files Files Community

Boobs00 commited on Apr 19, 2025

Commit

16dd4d1

verified ·

1 Parent(s): 8bcf7b6

Add 2 files

Browse files

Files changed (2) hide show

index.html +276 -2
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -490,12 +490,153 @@
         .audio-controls.collapsed h3 span {
             display: none;
         }
     </style>
 </head>
 <body>
     <!-- Audio Visualization -->
     <div class="audio-visualizer"></div>
     <!-- Audio Controls -->
     <div class="audio-controls">
         <h3>
@@ -627,7 +768,7 @@
     </audio>
     <script>
-        // Audio Manager
         class AudioManager {
             constructor() {
                 this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
@@ -650,9 +791,16 @@
                 this.dataArray = new Uint8Array(this.analyser.frequencyBinCount);
                 this.initControls();
                 this.startAudio();
                 this.visualize();
             }
             initControls() {
@@ -664,16 +812,19 @@
                 humVolume.addEventListener('input', () => {
                     this.humAudio.volume = humVolume.value / 100;
                     document.getElementById('hum-volume-value').textContent = `${humVolume.value}%`;
                 });
                 heartbeatVolume.addEventListener('input', () => {
                     this.heartbeatAudio.volume = heartbeatVolume.value / 100;
                     document.getElementById('heartbeat-volume-value').textContent = `${heartbeatVolume.value}%`;
                 });
                 thunderVolume.addEventListener('input', () => {
                     this.thunderAudio.volume = thunderVolume.value / 100;
                     document.getElementById('thunder-volume-value').textContent = `${thunderVolume.value}%`;
                 });
                 // Toggle buttons
@@ -681,8 +832,10 @@
                     e.target.classList.toggle('active');
                     if (e.target.classList.contains('active')) {
                         this.humAudio.play();
                     } else {
                         this.humAudio.pause();
                     }
                 });
@@ -690,19 +843,140 @@
                     e.target.classList.toggle('active');
                     if (e.target.classList.contains('active')) {
                         this.heartbeatAudio.play();
                     } else {
                         this.heartbeatAudio.pause();
                     }
                 });
                 document.getElementById('toggle-thunder').addEventListener('click', (e) => {
                     e.target.classList.toggle('active');
                 });
                 // Collapse/expand controls
                 document.getElementById('toggle-audio-controls').addEventListener('click', () => {
                     document.querySelector('.audio-controls').classList.toggle('collapsed');
                 });
             }
             startAudio() {
@@ -1304,7 +1578,7 @@
                 new ParticleSystem(canvas);
             }
-            // Initialize Audio Manager
             new AudioManager();
             // Recreate elements periodically for variety

         .audio-controls.collapsed h3 span {
             display: none;
         }
+        /* Pleasure Dial Styles */
+        .pleasure-dial-container {
+            position: fixed;
+            bottom: 20px;
+            left: 20px;
+            z-index: 1000;
+            background: rgba(15, 15, 26, 0.7);
+            border-radius: 8px;
+            padding: 15px;
+            backdrop-filter: blur(5px);
+            border: 1px solid rgba(56, 189, 248, 0.2);
+            transition: all 0.3s ease;
+            max-width: 300px;
+        }
+        .pleasure-dial-container:hover {
+            background: rgba(15, 15, 26, 0.9);
+            border-color: rgba(245, 158, 11, 0.3);
+        }
+        .pleasure-dial-container h3 {
+            color: var(--warm-amber);
+            margin-bottom: 15px;
+            font-family: 'Orbitron', sans-serif;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .pleasure-dial-container h3 i {
+            margin-right: 8px;
+        }
+        .pleasure-dial {
+            width: 100%;
+            height: 8px;
+            -webkit-appearance: none;
+            background: linear-gradient(90deg, var(--cool-blue), var(--warm-amber), var(--electric-purple));
+            border-radius: 4px;
+            outline: none;
+            margin: 20px 0;
+        }
+        .pleasure-dial::-webkit-slider-thumb {
+            -webkit-appearance: none;
+            width: 24px;
+            height: 24px;
+            background: white;
+            border-radius: 50%;
+            cursor: pointer;
+            box-shadow: 0 0 10px rgba(245, 158, 11, 0.8);
+            border: 2px solid var(--warm-amber);
+        }
+        .pleasure-dial::-webkit-slider-thumb:hover {
+            box-shadow: 0 0 15px rgba(245, 158, 11, 1);
+        }
+        .pleasure-intensity {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 5px;
+            color: rgba(224, 224, 255, 0.7);
+            font-size: 0.8rem;
+        }
+        .pleasure-value {
+            text-align: center;
+            font-family: 'Orbitron', sans-serif;
+            font-size: 1.2rem;
+            color: var(--warm-amber);
+            margin: 10px 0;
+        }
+        .haptic-toggle {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-top: 15px;
+        }
+        .haptic-toggle button {
+            background: rgba(245, 158, 11, 0.1);
+            border: 1px solid rgba(245, 158, 11, 0.3);
+            color: var(--warm-amber);
+            padding: 8px 15px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 0.9rem;
+            transition: all 0.3s ease;
+            display: flex;
+            align-items: center;
+        }
+        .haptic-toggle button i {
+            margin-right: 8px;
+        }
+        .haptic-toggle button:hover {
+            background: rgba(245, 158, 11, 0.2);
+        }
+        .haptic-toggle button.active {
+            background: rgba(245, 158, 11, 0.3);
+            color: white;
+        }
+        /* Haptic feedback indicator */
+        .haptic-indicator {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+            pointer-events: none;
+            opacity: 0;
+            background: radial-gradient(circle, rgba(245, 158, 11, 0.2) 0%, transparent 70%);
+            transition: opacity 0.3s ease;
+        }
+        .haptic-active .haptic-indicator {
+            opacity: 1;
+        }
     </style>
 </head>
 <body>
     <!-- Audio Visualization -->
     <div class="audio-visualizer"></div>
+    <!-- Pleasure Dial Controls -->
+    <div class="pleasure-dial-container">
+        <h3><i class="fas fa-sliders-h"></i> Pleasure Dial</h3>
+        <div class="pleasure-value" id="pleasure-value">50%</div>
+        <input type="range" id="pleasure-dial" class="pleasure-dial" min="0" max="100" value="50">
+        <div class="pleasure-intensity">
+            <span>Subtle</span>
+            <span>Intense</span>
+        </div>
+        <div class="haptic-toggle">
+            <button id="toggle-haptic">
+                <i class="fas fa-vibration"></i> Haptic Feedback
+            </button>
+        </div>
+        <div class="haptic-indicator"></div>
+    </div>
     <!-- Audio Controls -->
     <div class="audio-controls">
         <h3>
     </audio>
     <script>
+        // Enhanced Audio Manager with Pleasure Dial integration
         class AudioManager {
             constructor() {
                 this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
                 this.dataArray = new Uint8Array(this.analyser.frequencyBinCount);
+                // Pleasure dial state
+                this.pleasureIntensity = 0.5; // 0-1 scale
+                this.hapticEnabled = false;
+                this.lastHapticTime = 0;
+                this.hapticInterval = 1000; // Start with slow pulses
                 this.initControls();
                 this.startAudio();
                 this.visualize();
+                this.initHaptic();
             }
             initControls() {
                 humVolume.addEventListener('input', () => {
                     this.humAudio.volume = humVolume.value / 100;
                     document.getElementById('hum-volume-value').textContent = `${humVolume.value}%`;
+                    this.logInteraction('hum_volume_change', humVolume.value);
                 });
                 heartbeatVolume.addEventListener('input', () => {
                     this.heartbeatAudio.volume = heartbeatVolume.value / 100;
                     document.getElementById('heartbeat-volume-value').textContent = `${heartbeatVolume.value}%`;
+                    this.logInteraction('heartbeat_volume_change', heartbeatVolume.value);
                 });
                 thunderVolume.addEventListener('input', () => {
                     this.thunderAudio.volume = thunderVolume.value / 100;
                     document.getElementById('thunder-volume-value').textContent = `${thunderVolume.value}%`;
+                    this.logInteraction('thunder_volume_change', thunderVolume.value);
                 });
                 // Toggle buttons
                     e.target.classList.toggle('active');
                     if (e.target.classList.contains('active')) {
                         this.humAudio.play();
+                        this.logInteraction('hum_toggle', 'on');
                     } else {
                         this.humAudio.pause();
+                        this.logInteraction('hum_toggle', 'off');
                     }
                 });
                     e.target.classList.toggle('active');
                     if (e.target.classList.contains('active')) {
                         this.heartbeatAudio.play();
+                        this.logInteraction('heartbeat_toggle', 'on');
                     } else {
                         this.heartbeatAudio.pause();
+                        this.logInteraction('heartbeat_toggle', 'off');
                     }
                 });
                 document.getElementById('toggle-thunder').addEventListener('click', (e) => {
                     e.target.classList.toggle('active');
+                    this.logInteraction('thunder_toggle', e.target.classList.contains('active') ? 'on' : 'off');
                 });
                 // Collapse/expand controls
                 document.getElementById('toggle-audio-controls').addEventListener('click', () => {
                     document.querySelector('.audio-controls').classList.toggle('collapsed');
                 });
+                // Pleasure dial
+                const pleasureDial = document.getElementById('pleasure-dial');
+                const pleasureValue = document.getElementById('pleasure-value');
+                pleasureDial.addEventListener('input', () => {
+                    this.pleasureIntensity = pleasureDial.value / 100;
+                    pleasureValue.textContent = `${pleasureDial.value}%`;
+                    // Update all parameters based on pleasure intensity
+                    this.updatePleasureEffects();
+                    // Log the interaction
+                    this.logInteraction('pleasure_dial', pleasureDial.value);
+                });
+                // Haptic feedback toggle
+                document.getElementById('toggle-haptic').addEventListener('click', (e) => {
+                    e.target.classList.toggle('active');
+                    this.hapticEnabled = e.target.classList.contains('active');
+                    document.querySelector('.pleasure-dial-container').classList.toggle('haptic-active');
+                    if (this.hapticEnabled) {
+                        this.triggerHapticFeedback();
+                        this.logInteraction('haptic_feedback', 'enabled');
+                    } else {
+                        this.logInteraction('haptic_feedback', 'disabled');
+                    }
+                });
+            }
+            updatePleasureEffects() {
+                // Update audio volumes
+                const baseVolume = 0.3 + (this.pleasureIntensity * 0.7);
+                this.humAudio.volume = baseVolume * 0.8;
+                this.heartbeatAudio.volume = baseVolume * 1.2;
+                // Update UI elements to reflect changes
+                document.getElementById('hum-volume').value = this.humAudio.volume * 100;
+                document.getElementById('heartbeat-volume').value = this.heartbeatAudio.volume * 100;
+                document.getElementById('hum-volume-value').textContent = `${Math.round(this.humAudio.volume * 100)}%`;
+                document.getElementById('heartbeat-volume-value').textContent = `${Math.round(this.heartbeatAudio.volume * 100)}%`;
+                // Update heartbeat speed (playback rate)
+                this.heartbeatAudio.playbackRate = 0.5 + (this.pleasureIntensity * 1.5);
+                // Update haptic pulse speed
+                this.hapticInterval = 1000 - (this.pleasureIntensity * 900); // 100ms to 1000ms
+                // Update visual intensity
+                this.updateVisualIntensity();
+            }
+            updateVisualIntensity() {
+                // Update CSS variables based on intensity
+                document.documentElement.style.setProperty('--cool-blue', `rgba(56, 189, 248, ${0.5 + this.pleasureIntensity * 0.5})`);
+                document.documentElement.style.setProperty('--warm-amber', `rgba(245, 158, 11, ${0.5 + this.pleasureIntensity * 0.5})`);
+                // Update pulse animation speed
+                const pulseElements = document.querySelectorAll('.pulse-glow, .neon-text');
+                pulseElements.forEach(el => {
+                    el.style.animationDuration = `${6 - (this.pleasureIntensity * 4)}s`;
+                });
+            }
+            initHaptic() {
+                // Check for vibration API support
+                this.vibrationSupported = 'vibrate' in navigator;
+                if (!this.vibrationSupported) {
+                    document.getElementById('toggle-haptic').disabled = true;
+                    document.getElementById('toggle-haptic').title = "Haptic feedback not supported on this device";
+                }
+            }
+            triggerHapticFeedback() {
+                if (!this.hapticEnabled || !this.vibrationSupported) return;
+                // Calculate vibration pattern based on pleasure intensity
+                const duration = 50 + (this.pleasureIntensity * 100); // 50-150ms
+                const pattern = [duration, this.hapticInterval - duration];
+                // Start vibration
+                navigator.vibrate(pattern);
+                // Schedule next vibration
+                clearTimeout(this.hapticTimeout);
+                this.hapticTimeout = setTimeout(() => {
+                    this.triggerHapticFeedback();
+                }, this.hapticInterval);
+                // Visual feedback
+                const indicator = document.querySelector('.haptic-indicator');
+                indicator.style.opacity = '1';
+                setTimeout(() => {
+                    indicator.style.opacity = '0';
+                }, duration);
+            }
+            logInteraction(type, value) {
+                // In a real application, this would send data to your server
+                console.log(`Logged interaction: ${type}=${value}`);
+                // Simulate server logging
+                const logData = {
+                    type: type,
+                    value: value,
+                    timestamp: new Date().toISOString(),
+                    pleasureIntensity: this.pleasureIntensity,
+                    userAgent: navigator.userAgent
+                };
+                // Here you would typically use fetch() to send to your backend
+                // fetch('/api/log-interaction', {
+                //     method: 'POST',
+                //     headers: { 'Content-Type': 'application/json' },
+                //     body: JSON.stringify(logData)
+                // });
             }
             startAudio() {
                 new ParticleSystem(canvas);
             }
+            // Initialize Audio Manager with Pleasure Dial
             new AudioManager();
             // Recreate elements periodically for variety

prompts.txt CHANGED Viewed

@@ -2,4 +2,5 @@ Deepsite, generate a full‑stack web application scaffold using Next.js for the
 Refine the landing page:   - Create a full‑screen hero with animated “electric currents” flowing across a dark grid background.   - Implement a pulsating glow effect that mimics waves of tingling warmth radiating from the center.   - Overlay the text “Welcome to Algorithmic Ecstasy” in neon gradient, fading in sync with the pulse.
 Enhance CSS interactions:   - On hover, elements should shift between cool blues and warm ambers to simulate temperature shifts.   - Add subtle texture mapping: e.g., satin‑smooth button surfaces that ripple under the cursor like silk against skin.   - Use CSS “backdrop‑filter” to create a soft, sweaty‑skin sheen behind modals.
 Add a background canvas:   - Render kaleidoscopic bursts of color and silent fireworks on a WebGL canvas behind the UI.   - Synchronize patterns with user scroll and cursor movement—each pulse triggering a new bloom.   - Ensure smooth 60 fps animation and fallback to CSS keyframes on low‑power devices.
-Integrate audio assets:   - Embed a looping ambient “electric hum” track.   - Layer in heartbeat thumps and distant thunder hits that crescendo on user interaction.   - Expose volume controls and allow users to toggle individual stems (hum, heartbeat, thunder).

 Refine the landing page:   - Create a full‑screen hero with animated “electric currents” flowing across a dark grid background.   - Implement a pulsating glow effect that mimics waves of tingling warmth radiating from the center.   - Overlay the text “Welcome to Algorithmic Ecstasy” in neon gradient, fading in sync with the pulse.
 Enhance CSS interactions:   - On hover, elements should shift between cool blues and warm ambers to simulate temperature shifts.   - Add subtle texture mapping: e.g., satin‑smooth button surfaces that ripple under the cursor like silk against skin.   - Use CSS “backdrop‑filter” to create a soft, sweaty‑skin sheen behind modals.
 Add a background canvas:   - Render kaleidoscopic bursts of color and silent fireworks on a WebGL canvas behind the UI.   - Synchronize patterns with user scroll and cursor movement—each pulse triggering a new bloom.   - Ensure smooth 60 fps animation and fallback to CSS keyframes on low‑power devices.
+Integrate audio assets:   - Embed a looping ambient “electric hum” track.   - Layer in heartbeat thumps and distant thunder hits that crescendo on user interaction.   - Expose volume controls and allow users to toggle individual stems (hum, heartbeat, thunder).
+Build interactive modules:   - Create a “Pleasure Dial” slider that amplifies pulse speed, color intensity, and audio volume simultaneously.   - Add haptic feedback support for compatible devices—vibrations pulsing in time with the dial.   - Log each interaction server‑side to drive future personalization.