Spaces:

shuun5
/

magic-button

Running

App Files Files Community

shuun5 commited on 1 day ago

Commit

7f73f04

verified ·

1 Parent(s): f0cc141

Add 2 files

Browse files

Files changed (2) hide show

index.html +632 -86
prompts.txt +3 -0

index.html CHANGED Viewed

@@ -3,122 +3,668 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Playful Button</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
-        .rainbow-text {
-            background: linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
-            -webkit-background-clip: text;
-            background-clip: text;
-            color: transparent;
-            animation: rainbow 2s linear infinite;
-            background-size: 200% 100%;
         }
-        @keyframes rainbow {
-            0% { background-position: 0% 50%; }
-            100% { background-position: 100% 50%; }
         }
-        .confetti {
             position: absolute;
-            width: 10px;
-            height: 10px;
-            background-color: #f00;
             opacity: 0;
         }
-        .message-popup {
-            animation: pop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         }
-        @keyframes pop {
-            0% { transform: scale(0.5); opacity: 0; }
-            100% { transform: scale(1); opacity: 1; }
         }
     </style>
 </head>
-<body class="min-h-screen bg-gradient-to-br from-purple-100 to-pink-100 flex flex-col items-center justify-center p-4">
-    <div class="text-center">
-        <h1 class="text-3xl font-bold mb-8 rainbow-text">Press the Magic Button!</h1>
-        <button id="magicButton" class="relative overflow-hidden px-8 py-4 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 text-white font-bold text-xl shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 active:scale-95">
-            <span class="relative z-10">✨ Click Me ✨</span>
-            <span class="absolute inset-0 bg-white opacity-0 hover:opacity-10 transition-opacity duration-300 rounded-full"></span>
-        </button>
-        <div id="messageContainer" class="mt-8 hidden">
-            <div class="message-popup inline-block bg-white p-6 rounded-xl shadow-2xl border-2 border-pink-300">
-                <p class="text-4xl font-extrabold rainbow-text">LOL UR GAY</p>
-                <p class="text-sm text-gray-500 mt-2">(no offense intended, just having fun)</p>
             </div>
         </div>
     </div>
     <script>
-        document.getElementById('magicButton').addEventListener('click', function() {
-            // Show the message
-            const messageContainer = document.getElementById('messageContainer');
-            messageContainer.classList.remove('hidden');
-            // Create confetti effect
-            for (let i = 0; i < 50; i++) {
-                createConfetti();
             }
-            // Play sound (optional)
-            playClickSound();
-        });
-        function createConfetti() {
-            const confetti = document.createElement('div');
-            confetti.classList.add('confetti');
-            // Random properties
-            const colors = ['#ff0000', '#ff7f00', '#ffff00', '#00ff00', '#0000ff', '#4b0082', '#9400d3'];
-            const randomColor = colors[Math.floor(Math.random() * colors.length)];
-            const randomLeft = Math.random() * 100;
-            const randomAnimationDuration = (Math.random() * 3) + 2;
-            confetti.style.backgroundColor = randomColor;
-            confetti.style.left = `${randomLeft}%`;
-            confetti.style.top = '50%';
-            confetti.style.borderRadius = '50%';
-            confetti.style.opacity = '1';
-            // Add to body
-            document.body.appendChild(confetti);
-            // Animate
-            const animation = confetti.animate([
-                { transform: 'translateY(0) rotate(0deg)', opacity: 1 },
-                { transform: `translateY(${window.innerHeight}px) rotate(${Math.random() * 360}deg)`, opacity: 0 }
-            ], {
-                duration: randomAnimationDuration * 1000,
-                easing: 'cubic-bezier(0.1, 0.8, 0.3, 1)'
-            });
-            // Remove after animation
-            animation.onfinish = () => confetti.remove();
         }
-        function playClickSound() {
-            // Create a simple click sound
-            const audioContext = new (window.AudioContext || window.webkitAudioContext)();
-            const oscillator = audioContext.createOscillator();
-            const gainNode = audioContext.createGain();
-            oscillator.type = 'triangle';
-            oscillator.frequency.value = 880;
-            gainNode.gain.value = 0.1;
-            oscillator.connect(gainNode);
-            gainNode.connect(audioContext.destination);
-            oscillator.start();
-            gainNode.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 0.3);
-            oscillator.stop(audioContext.currentTime + 0.3);
         }
     </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=shuun5/magic-button" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Celebrity Social Media Manager</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
+        body {
+            font-family: 'Inter', sans-serif;
+            background-color: #f2f2f7;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            margin: 0;
+            padding: 20px;
+        }
+        .iphone-frame {
+            width: 375px;
+            height: 812px;
+            background-color: #000;
+            border-radius: 50px;
+            padding: 20px;
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+            position: relative;
+            overflow: hidden;
+        }
+        .screen {
+            width: 100%;
+            height: 100%;
+            background-color: #fff;
+            border-radius: 40px;
+            overflow: hidden;
+            position: relative;
+        }
+        .status-bar {
+            display: flex;
+            justify-content: space-between;
+            padding: 10px 20px;
+            font-size: 14px;
+            font-weight: 600;
+        }
+        .app-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 20px;
+            padding: 20px;
+        }
+        .app-icon {
+            width: 60px;
+            height: 60px;
+            border-radius: 15px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            font-size: 12px;
+            font-weight: 500;
+            position: relative;
+            cursor: pointer;
+            transition: transform 0.2s;
+        }
+        .app-icon:hover {
+            transform: scale(1.05);
         }
+        .notification-badge {
+            position: absolute;
+            top: -5px;
+            right: -5px;
+            background-color: #ff3b30;
+            color: white;
+            border-radius: 50%;
+            width: 20px;
+            height: 20px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 12px;
+            font-weight: bold;
         }
+        .modal {
             position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.5);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 100;
             opacity: 0;
+            pointer-events: none;
+            transition: opacity 0.3s;
+        }
+        .modal.active {
+            opacity: 1;
+            pointer-events: all;
         }
+        .modal-content {
+            background-color: white;
+            width: 90%;
+            border-radius: 20px;
+            padding: 20px;
+            transform: translateY(20px);
+            transition: transform 0.3s;
         }
+        .modal.active .modal-content {
+            transform: translateY(0);
+        }
+        .response-input {
+            width: 100%;
+            height: 100px;
+            border: 1px solid #ddd;
+            border-radius: 10px;
+            padding: 10px;
+            margin-top: 10px;
+            resize: none;
+            font-family: 'Inter', sans-serif;
+        }
+        .submit-btn {
+            background-color: #007aff;
+            color: white;
+            border: none;
+            border-radius: 10px;
+            padding: 10px 20px;
+            margin-top: 10px;
+            cursor: pointer;
+            font-weight: 600;
+        }
+        .score-display {
+            position: absolute;
+            top: 10px;
+            right: 20px;
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
+            padding: 5px 10px;
+            border-radius: 20px;
+            font-size: 14px;
+            font-weight: 600;
+        }
+        .time-display {
+            position: absolute;
+            top: 10px;
+            left: 20px;
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
+            padding: 5px 10px;
+            border-radius: 20px;
+            font-size: 14px;
+            font-weight: 600;
+        }
+        .timer-bar {
+            height: 5px;
+            background-color: #34c759;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            transition: width 1s linear;
+        }
+        .notification {
+            position: absolute;
+            top: 50px;
+            left: 50%;
+            transform: translateX(-50%);
+            background-color: rgba(0, 0, 0, 0.8);
+            color: white;
+            padding: 10px 15px;
+            border-radius: 10px;
+            font-size: 14px;
+            opacity: 0;
+            transition: opacity 0.3s;
+            pointer-events: none;
+        }
+        .notification.show {
+            opacity: 1;
+        }
+        .home-indicator {
+            width: 130px;
+            height: 5px;
+            background-color: #000;
+            border-radius: 3px;
+            position: absolute;
+            bottom: 10px;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+        .app-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 10px 20px;
+            border-bottom: 1px solid #eee;
+        }
+        .back-btn {
+            background: none;
+            border: none;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+        }
+        .post-content {
+            padding: 20px;
+            border-bottom: 1px solid #eee;
+        }
+        .comment {
+            padding: 15px;
+            border-bottom: 1px solid #eee;
+        }
+        .comment-user {
+            font-weight: 600;
+            margin-bottom: 5px;
+        }
+        .progress-bar {
+            height: 5px;
+            background-color: #007aff;
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            width: 0%;
+            transition: width 0.3s;
+        }
+        .game-over {
+            text-align: center;
+            padding: 20px;
+        }
+        .restart-btn {
+            background-color: #007aff;
+            color: white;
+            border: none;
+            border-radius: 10px;
+            padding: 10px 20px;
+            margin-top: 20px;
+            cursor: pointer;
+            font-weight: 600;
         }
     </style>
 </head>
+<body>
+    <div class="iphone-frame">
+        <div class="screen">
+            <div class="status-bar">
+                <span>9:41</span>
+                <div>
+                    <span>5G</span>
+                    <span class="ml-2">100%</span>
+                </div>
+            </div>
+            <div class="score-display">Score: <span id="score">0</span></div>
+            <div class="time-display">Time: <span id="time">60</span>s</div>
+            <div class="app-grid" id="app-grid">
+                <div class="app-icon bg-[#5856d6]" data-app="instagram">
+                    <span>Instagram</span>
+                    <div class="notification-badge hidden">1</div>
+                </div>
+                <div class="app-icon bg-[#ff2d55]" data-app="twitter">
+                    <span>Twitter</span>
+                    <div class="notification-badge hidden">1</div>
+                </div>
+                <div class="app-icon bg-[#007aff]" data-app="facebook">
+                    <span>Facebook</span>
+                    <div class="notification-badge hidden">1</div>
+                </div>
+                <div class="app-icon bg-[#ff9500]" data-app="tiktok">
+                    <span>TikTok</span>
+                    <div class="notification-badge hidden">1</div>
+                </div>
+                <div class="app-icon bg-[#ffcc00]" data-app="snapchat">
+                    <span>Snapchat</span>
+                    <div class="notification-badge hidden">1</div>
+                </div>
+                <div class="app-icon bg-[#34c759]" data-app="youtube">
+                    <span>YouTube</span>
+                    <div class="notification-badge hidden">1</div>
+                </div>
+                <div class="app-icon bg-[#af52de]" data-app="reddit">
+                    <span>Reddit</span>
+                    <div class="notification-badge hidden">1</div>
+                </div>
+                <div class="app-icon bg-[#000000]" data-app="linkedin">
+                    <span>LinkedIn</span>
+                    <div class="notification-badge hidden">1</div>
+                </div>
+            </div>
+            <div class="home-indicator"></div>
+            <div class="modal" id="response-modal">
+                <div class="modal-content">
+                    <div class="app-header">
+                        <button class="back-btn" id="back-btn">← Back</button>
+                        <h3 id="modal-app-name">Instagram</h3>
+                        <div></div>
+                    </div>
+                    <div class="post-content">
+                        <h3 class="font-bold">Your latest post</h3>
+                        <p id="post-content">Just finished filming my new movie! Can't wait for you all to see it! 🎬✨ #excited #newmovie</p>
+                    </div>
+                    <div class="comment">
+                        <div class="comment-user" id="comment-user">@fan123</div>
+                        <p id="comment-text">This is so exciting! When does it come out?</p>
+                    </div>
+                    <textarea class="response-input" id="response-input" placeholder="Type your response here..."></textarea>
+                    <button class="submit-btn" id="submit-btn">Send</button>
+                </div>
+            </div>
+            <div class="notification" id="notification">
+                +<span id="points-earned">0</span> points!
+            </div>
+            <div class="modal" id="game-over-modal">
+                <div class="modal-content game-over">
+                    <h2 class="text-2xl font-bold">Game Over!</h2>
+                    <p class="mt-4">Your final score: <span id="final-score">0</span></p>
+                    <button class="restart-btn" id="restart-btn">Play Again</button>
+                </div>
             </div>
+            <div class="progress-bar" id="progress-bar"></div>
         </div>
     </div>
     <script>
+        // Game state
+        const state = {
+            score: 0,
+            timeLeft: 60,
+            gameActive: true,
+            currentNotification: null,
+            startTime: null,
+            timerInterval: null,
+            notificationInterval: null,
+            difficulty: 1
+        };
+        // Sample data
+        const posts = {
+            instagram: [
+                "Just finished filming my new movie! Can't wait for you all to see it! 🎬✨ #excited #newmovie",
+                "Beautiful day at the beach! 🌊☀️ #vacation #relaxing",
+                "Working on some new music in the studio today! 🎵 #newmusic #comingsoon"
+            ],
+            twitter: [
+                "Excited to announce I'll be hosting the awards show next month! #honored #excited",
+                "Just had the most amazing meal at @fancyrestaurant! The chef is incredible!",
+                "Can't believe it's been 10 years since my first album dropped! Time flies!"
+            ],
+            facebook: [
+                "Sharing some behind-the-scenes photos from my latest project! Check them out!",
+                "Thank you to all my fans for your continued support! Love you all! ❤️",
+                "Just adopted the cutest puppy! Meet my new best friend! 🐶"
+            ],
+            tiktok: [
+                "Trying out this new dance challenge! How did I do? #dance #challenge",
+                "POV: When you realize you left your phone at home 😅 #relatable",
+                "Showing you my morning routine! What's yours like? #routine #morning"
+            ],
+            snapchat: [
+                "Guess where I am right now! Hint: It's very cold ❄️",
+                "About to go live in 10 minutes! Join me!",
+                "Throwback to this time last year! So much has changed!"
+            ],
+            youtube: [
+                "New vlog is up! Check out what I've been up to this week! Link in bio!",
+                "Reacting to my old videos... why did I think this was a good idea? 😂",
+                "Q&A time! Leave your questions below and I'll answer them in my next video!"
+            ],
+            reddit: [
+                "AMA time! Ask me anything and I'll answer for the next hour!",
+                "Sharing some thoughts on the industry and how it's changed over the years...",
+                "What's your favorite movie of all time? I need recommendations!"
+            ],
+            linkedin: [
+                "Excited to announce my new partnership with @company! Big things coming!",
+                "Sharing some career advice that's helped me along the way...",
+                "Looking forward to speaking at the @conference next month!"
+            ]
+        };
+        const comments = [
+            "This is so exciting! When does it come out?",
+            "You look amazing! Where did you get that outfit?",
+            "Can we get a behind-the-scenes video?",
+            "I've been a fan for years! Love your work!",
+            "What was the most challenging part?",
+            "Who was your favorite co-star to work with?",
+            "Will you be doing a meet and greet?",
+            "How did you prepare for this role?",
+            "What's your favorite memory from filming?",
+            "Any advice for aspiring actors/musicians?",
+            "What's next for you after this?",
+            "Can you share any spoilers? 👀",
+            "What inspired this project?",
+            "How do you stay so humble with all this success?",
+            "What's your workout routine? You look great!",
+            "Would you ever consider doing a collab with @othercelebrity?",
+            "What's your favorite song/movie of yours?",
+            "How do you deal with negative comments?",
+            "What's something fans would be surprised to know about you?",
+            "Any plans to tour/visit my city soon?"
+        ];
+        const usernames = [
+            "@superfan1", "@mega_fan", "@loyal_follower", "@stan_account", "@biggest_fan",
+            "@fan123", "@celebfanatic", "@number1fan", "@obsessed_fan", "@true_fan"
+        ];
+        // DOM elements
+        const appIcons = document.querySelectorAll('.app-icon');
+        const notificationBadges = document.querySelectorAll('.notification-badge');
+        const responseModal = document.getElementById('response-modal');
+        const responseInput = document.getElementById('response-input');
+        const submitBtn = document.getElementById('submit-btn');
+        const backBtn = document.getElementById('back-btn');
+        const scoreDisplay = document.getElementById('score');
+        const timeDisplay = document.getElementById('time');
+        const postContent = document.getElementById('post-content');
+        const commentText = document.getElementById('comment-text');
+        const commentUser = document.getElementById('comment-user');
+        const modalAppName = document.getElementById('modal-app-name');
+        const notification = document.getElementById('notification');
+        const pointsEarned = document.getElementById('points-earned');
+        const gameOverModal = document.getElementById('game-over-modal');
+        const finalScore = document.getElementById('final-score');
+        const restartBtn = document.getElementById('restart-btn');
+        const progressBar = document.getElementById('progress-bar');
+        // Initialize game
+        function initGame() {
+            state.score = 0;
+            state.timeLeft = 60;
+            state.gameActive = true;
+            state.difficulty = 1;
+            scoreDisplay.textContent = state.score;
+            timeDisplay.textContent = state.timeLeft;
+            // Clear all notifications
+            notificationBadges.forEach(badge => {
+                badge.classList.add('hidden');
+            });
+            // Start timer
+            clearInterval(state.timerInterval);
+            state.timerInterval = setInterval(updateTimer, 1000);
+            // Start notification spawner
+            clearInterval(state.notificationInterval);
+            state.notificationInterval = setInterval(spawnNotification, 3000);
+            // Hide modals
+            responseModal.classList.remove('active');
+            gameOverModal.classList.remove('active');
+        }
+        // Update timer
+        function updateTimer() {
+            state.timeLeft--;
+            timeDisplay.textContent = state.timeLeft;
+            if (state.timeLeft <= 0) {
+                endGame();
             }
+        }
+        // Spawn random notification
+        function spawnNotification() {
+            if (!state.gameActive) return;
+            // Only spawn if no current notification
+            if (state.currentNotification) return;
+            // Random app
+            const randomAppIndex = Math.floor(Math.random() * appIcons.length);
+            const appIcon = appIcons[randomAppIndex];
+            const appName = appIcon.dataset.app;
+            // Show notification badge
+            const badge = appIcon.querySelector('.notification-badge');
+            badge.classList.remove('hidden');
+            badge.textContent = '1';
+            // Store current notification
+            state.currentNotification = {
+                app: appName,
+                element: appIcon,
+                startTime: Date.now()
+            };
+            // Update difficulty (spawn faster over time)
+            state.difficulty = Math.min(5, Math.floor((60 - state.timeLeft) / 12) + 1);
+        }
+        // Handle app click
+        function handleAppClick(e) {
+            if (!state.gameActive || !state.currentNotification) return;
+            const appIcon = e.currentTarget;
+            const appName = appIcon.dataset.app;
+            // Check if this is the app with notification
+            if (state.currentNotification.app !== appName) {
+                // Penalty for wrong click
+                state.score = Math.max(0, state.score - 5);
+                scoreDisplay.textContent = state.score;
+                showNotification(-5);
+                return;
+            }
+            // Set up modal
+            modalAppName.textContent = appName.charAt(0).toUpperCase() + appName.slice(1);
+            // Random post and comment
+            const randomPostIndex = Math.floor(Math.random() * posts[appName].length);
+            const randomCommentIndex = Math.floor(Math.random() * comments.length);
+            const randomUserIndex = Math.floor(Math.random() * usernames.length);
+            postContent.textContent = posts[appName][randomPostIndex];
+            commentText.textContent = comments[randomCommentIndex];
+            commentUser.textContent = usernames[randomUserIndex];
+            // Show modal
+            responseModal.classList.add('active');
+            responseInput.value = '';
+            responseInput.focus();
+            // Start timer for response
+            state.startTime = Date.now();
+            // Hide notification badge
+            const badge = appIcon.querySelector('.notification-badge');
+            badge.classList.add('hidden');
         }
+        // Handle submit response
+        function handleSubmit() {
+            const response = responseInput.value.trim();
+            if (response === '') {
+                alert('Please type a response!');
+                return;
+            }
+            // Calculate time taken (in seconds)
+            const timeTaken = (Date.now() - state.startTime) / 1000;
+            // Calculate score (more points for faster responses)
+            let points = Math.max(1, Math.floor(20 - timeTaken));
+            // Bonus for longer responses
+            if (response.length > 20) {
+                points += 5;
+            }
+            if (response.length > 40) {
+                points += 5;
+            }
+            // Add emoji bonus
+            if (response.includes('!') || response.includes('?')) {
+                points += 2;
+            }
+            if (/\p{Emoji}/u.test(response)) {
+                points += 3;
+            }
+            // Update score
+            state.score += points;
+            scoreDisplay.textContent = state.score;
+            // Show points earned
+            showNotification(points);
+            // Clear current notification
+            state.currentNotification = null;
+            // Hide modal
+            responseModal.classList.remove('active');
         }
+        // Show points notification
+        function showNotification(points) {
+            pointsEarned.textContent = points;
+            notification.classList.add('show');
+            setTimeout(() => {
+                notification.classList.remove('show');
+            }, 2000);
+        }
+        // End game
+        function endGame() {
+            state.gameActive = false;
+            clearInterval(state.timerInterval);
+            clearInterval(state.notificationInterval);
+            // Show game over modal
+            finalScore.textContent = state.score;
+            gameOverModal.classList.add('active');
+        }
+        // Event listeners
+        appIcons.forEach(icon => {
+            icon.addEventListener('click', handleAppClick);
+        });
+        submitBtn.addEventListener('click', handleSubmit);
+        backBtn.addEventListener('click', () => {
+            responseModal.classList.remove('active');
+        });
+        restartBtn.addEventListener('click', initGame);
+        // Keyboard shortcut for submit (Cmd+Enter or Ctrl+Enter)
+        responseInput.addEventListener('keydown', (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
+                handleSubmit();
+            }
+        });
+        // Update progress bar
+        setInterval(() => {
+            const progress = (state.score / 200) * 100;
+            progressBar.style.width = `${Math.min(100, progress)}%`;
+        }, 100);
+        // Start game
+        initGame();
     </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=shuun5/magic-button" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

	@@ -0,0 +1,3 @@

+Can you make game that looks like runescape mixed with diablo where you play a golden paladin in a crypt filled with skeletons, make skeletons drop gold when they die, use WASD keys to move like diablo, use R F Q E keys for abilities
+can you figure out why the character is disappearing? Also can you generate random maze dungeons? Make it all work and smooth and fully playable.
+Can you make a celebrity's social media manager simulator game where the user interface is an iphone screen? The apps on the screen will start getting notifications and you have to click on them and type a response to a question or comment someone left on your client's post, score should be gained when completing a response and more score for completing it quickly