Spaces:
Running
Running
embedd this on the page <blockquote class="tiktok-embed" cite="https://www.tiktok.com/@geminixtwinn1" data-unique-id="geminixtwinn1" data-embed-type="creator" style="max-width: 780px; min-width: 288px;" > <section> <a target="_blank" href="https://www.tiktok.com/@geminixtwinn1?refer=creator_embed">@geminixtwinn1</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script> - Follow Up Deployment
32f5c45
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Gemini - OnlyFans</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> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#00AFF0', | |
| secondary: '#121212', | |
| accent: '#FF0080', | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| :root { | |
| --bg-primary: #121212; | |
| --bg-secondary: #1e1e1e; | |
| --bg-card: #2d2d2d; | |
| --text-primary: #ffffff; | |
| --text-secondary: #b3b3b3; | |
| --accent-primary: #00AFF0; | |
| --accent-secondary: #FF0080; | |
| } | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| background-color: var(--bg-primary); | |
| color: var(--text-primary); | |
| transition: background-color 0.3s, color 0.3s; | |
| } | |
| body.light-mode { | |
| --bg-primary: #f5f5f5; | |
| --bg-secondary: #ffffff; | |
| --bg-card: #f0f0f0; | |
| --text-primary: #333333; | |
| --text-secondary: #666666; | |
| } | |
| .dark body { | |
| background-color: var(--bg-primary); | |
| color: var(--text-primary); | |
| } | |
| .profile-header { | |
| background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://thumbs.onlyfans.com/public/files/thumbs/w760/s/ss/ssx/ssxmzpghtpfmbowexxu0ujyndcp1xya41728013928/424890650/header_image.jpg'); | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| .avatar-ring { | |
| border: 4px solid white; | |
| box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); | |
| } | |
| .subscribe-btn { | |
| background: linear-gradient(45deg, var(--accent-secondary), #FF6EC4); | |
| transition: all 0.3s ease; | |
| } | |
| .subscribe-btn:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 10px 20px rgba(255, 0, 128, 0.4); | |
| } | |
| .stats-card { | |
| background-color: var(--bg-card); | |
| transition: all 0.3s ease; | |
| } | |
| .stats-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); | |
| } | |
| .link-button { | |
| background-color: var(--bg-card); | |
| transition: all 0.2s ease; | |
| } | |
| .link-button:hover { | |
| transform: translateX(5px); | |
| background-color: var(--accent-primary); | |
| } | |
| .social-button { | |
| transition: all 0.3s ease; | |
| } | |
| .social-button:hover { | |
| transform: scale(1.05); | |
| } | |
| .theme-toggle { | |
| position: fixed; | |
| top: 20px; | |
| right: 20px; | |
| z-index: 1000; | |
| background: var(--bg-card); | |
| border: none; | |
| border-radius: 50%; | |
| width: 50px; | |
| height: 50px; | |
| cursor: pointer; | |
| box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .theme-toggle i { | |
| font-size: 24px; | |
| color: var(--text-primary); | |
| } | |
| .notification { | |
| position: fixed; | |
| top: 20px; | |
| left: 50%; | |
| transform: translateX(-50%); | |
| padding: 15px 25px; | |
| background: var(--accent-primary); | |
| color: white; | |
| border-radius: 5px; | |
| box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); | |
| z-index: 1000; | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| } | |
| .notification.show { | |
| opacity: 1; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-white"> | |
| <!-- Theme Toggle Button --> | |
| <button id="themeToggle" class="theme-toggle"> | |
| <i class="fas fa-moon"></i> | |
| </button> | |
| <!-- Notification --> | |
| <div id="notification" class="notification">Theme changed successfully!</div> | |
| <!-- Navigation --> | |
| <nav class="bg-gray-800 shadow-sm"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <a href="https://geminixtwinn.vip/" class="text-2xl font-bold text-primary">OnlyFans</a> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <a href="https://onlyfans.com/help" class="text-gray-300 hover:text-primary"> | |
| <i class="fas fa-question-circle mr-1"></i> Help | |
| </a> | |
| <a href="https://onlyfans.com/?return_to=%2Fgeminixtwin" class="bg-primary text-white px-4 py-2 rounded-md font-medium hover:bg-blue-600"> | |
| Login | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Cookie Notice --> | |
| <div class="bg-gray-800 text-white text-sm py-2 px-4 text-center"> | |
| We use cookies to run this website. See our <a href="https://onlyfans.com/cookies" class="underline hover:text-primary">Cookie Notice</a>. | |
| </div> | |
| <!-- Profile Header --> | |
| <div class="profile-header pt-16 pb-8"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex flex-col items-center md:flex-row md:items-end"> | |
| <div class="relative -mt-16 mb-4 md:mb-0"> | |
| <div class="avatar-ring w-32 h-32 rounded-full overflow-hidden"> | |
| <img src="https://thumbs.onlyfans.com/public/files/thumbs/c144/0/04/048/048dqexzbmynekd9on0yzkqthmg1fife1729641244/424890650/avatar.jpg" | |
| alt="Gemini" class="w-full h-full object-cover"> | |
| </div> | |
| </div> | |
| <div class="md:ml-6 text-center md:text-left text-white"> | |
| <h1 class="text-3xl font-bold">Gemini</h1> | |
| <p class="text-gray-300 flex items-center justify-center md:justify-start mt-1"> | |
| <i class="fas fa-eye mr-1"></i> Seen Aug 19 | |
| <span class="mx-2">•</span> | |
| <i class="fas fa-users mr-1"></i> <span id="followerCount">139</span> Followers | |
| </p> | |
| <p class="mt-2">@geminixtwin</p> | |
| <p class="mt-2 italic">come watch me playy💕💕</p> | |
| <div class="mt-4 flex justify-center md:justify-start space-x-2"> | |
| <button id="likeBtn" class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-full flex items-center"> | |
| <i class="fas fa-heart mr-2"></i> Like | |
| </button> | |
| <button id="shareBtn" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-full flex items-center"> | |
| <i class="fas fa-share-alt mr-2"></i> Share | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Main Content --> | |
| <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> | |
| <!-- Left Column - Links and Info --> | |
| <div class="lg:col-span-1 space-y-6"> | |
| <!-- Links --> | |
| <div class="bg-gray-800 rounded-lg shadow-sm p-6"> | |
| <h2 class="text-xl font-semibold mb-4">Main Links</h2> | |
| <div class="space-y-3"> | |
| <a href="https://onlyfans.com/away?url=https%3A%2F%2Fgeminixtwinn.vip%2F" | |
| class="link-button block p-3 rounded-md flex items-center justify-between hover:bg-primary"> | |
| <span class="truncate">geminixtwinn.vip</span> | |
| <i class="fas fa-external-link-alt text-gray-400"></i> | |
| </a> | |
| <a href="https://onlyfans.com/away?url=https%3A%2F%2Fwww.amazon.com%2Fhz%2Fwishlist%2Fls%2F3IP7MTT6XT6LA%3Fref_%3Dwl_share" | |
| class="link-button block p-3 rounded-md flex items-center justify-between hover:bg-primary"> | |
| <span class="truncate">Amazon Wishlist</span> | |
| <i class="fas fa-external-link-alt text-gray-400"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Social Media Links --> | |
| <div class="bg-gray-800 rounded-lg shadow-sm p-6"> | |
| <h2 class="text-xl font-semibold mb-4">Find Me On</h2> | |
| <div class="grid grid-cols-2 gap-3"> | |
| <a href="#" class="social-button bg-blue-500 text-white p-3 rounded-md flex items-center justify-center hover:bg-blue-600"> | |
| <i class="fab fa-twitter mr-2"></div> | |
| </a> | |
| <a href="#" class="social-button bg-pink-500 text-white p-3 rounded-md flex items-center justify-center hover:bg-pink-600"> | |
| <i class="fab fa-instagram mr-2"></i> Instagram | |
| </a> | |
| <a href="#" class="social-button bg-red-600 text-white p-3 rounded-md flex items-center justify-center hover:bg-red-700"> | |
| <i class="fab fa-youtube mr-2"></i> YouTube | |
| </a> | |
| <a href="#" class="social-button bg-purple-600 text-white p-3 rounded-md flex items-center justify-center hover:bg-purple-700"> | |
| <i class="fab fa-twitch mr-2"></i> Twitch | |
| </a> | |
| <a href="#" class="social-button bg-blue-600 text-white p-3 rounded-md flex items-center justify-center hover:bg-blue-700"> | |
| <i class="fab fa-facebook mr-2"></i> Facebook | |
| </a> | |
| <a href="#" class="social-button bg-gray-700 text-white p-3 rounded-md flex items-center justify-center hover:bg-gray-600"> | |
| <i class="fab fa-snapchat mr-2"></i> Snapchat | |
| </a> | |
| </div> | |
| </div> | |
| <!-- TikTok Embed --> | |
| <div class="bg-gray-800 rounded-lg shadow-sm p-6"> | |
| <h2 class="text-xl font-semibold mb-4">TikTok Profile</h2> | |
| <blockquote class="tiktok-embed" cite="https://www.tiktok.com/@geminixtwinn1" data-unique-id="geminixtwinn1" data-embed-type="creator" style="max-width: 780px; min-width: 288px;"> | |
| <section> | |
| <a target="_blank" href="https://www.tiktok.com/@geminixtwinn1?refer=creator_embed">@geminixtwinn1</a> | |
| </section> | |
| </blockquote> | |
| <script async src="https://www.tiktok.com/embed.js"></script> | |
| </div> | |
| <!-- Stats --> | |
| <div class="bg-gray-800 rounded-lg shadow-sm p-6"> | |
| <h2 class="text-xl font-semibold mb-4">Stats</h2> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div class="stats-card p-4 rounded-lg text-center"> | |
| <div class="text-2xl font-bold text-primary">1</div> | |
| <div class="text-gray-400">Posts</div> | |
| </div> | |
| <div class="stats-card p-4 rounded-lg text-center"> | |
| <div class="text-2xl font-bold text-primary">0</div> | |
| <div class="text-gray-400">Media</div> | |
| </div> | |
| <div class="stats-card p-4 rounded-lg text-center"> | |
| <div class="text-2xl font-bold text-primary">139</div> | |
| <div class="text-gray-400">Followers</div> | |
| </div> | |
| <div class="stats-card p-4 rounded-lg text-center"> | |
| <div class="text-2xl font-bold text-primary">50</div> | |
| <div class="text-gray-400">Following</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Center Column - Content --> | |
| <div class="lg:col-span-2"> | |
| <!-- Subscription Info --> | |
| <div class="bg-gray-800 rounded-lg shadow-sm p-6 mb-6"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <h2 class="text-xl font-semibold">Subscription</h2> | |
| <span class="bg-green-900 text-green-300 text-sm font-medium px-3 py-1 rounded-full">Free</span> | |
| </div> | |
| <p class="text-gray-400 mb-6">Subscribe to see user's posts</p> | |
| <button id="subscribeBtn" class="subscribe-btn text-white font-bold py-3 px-6 rounded-lg w-full"> | |
| SUBSCRIBE FOR FREE | |
| </button> | |
| <div class="mt-4 text-center"> | |
| <button id="giftBtn" class="text-accent-secondary hover:text-accent-primary"> | |
| <i class="fas fa-gift mr-1"></i> Send a Gift | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Content Placeholder --> | |
| <div class="bg-gray-800 rounded-lg shadow-sm p-6 text-center"> | |
| <i class="fas fa-lock text-4xl text-gray-500 mb-4"></i> | |
| <h3 class="text-xl font-semibold mb-2">Subscribe to see content</h3> | |
| <p class="text-gray-400">This user's posts are only available to subscribers</p> | |
| <!-- Interactive Preview Gallery --> | |
| <div class="mt-6"> | |
| <h4 class="font-medium mb-3">Preview Gallery</h4> | |
| <div class="grid grid-cols-3 gap-2"> | |
| <div class="aspect-square bg-gray-700 rounded-md flex items-center justify-center cursor-pointer hover:opacity-80"> | |
| <i class="fas fa-image text-gray-500"></i> | |
| </div> | |
| <div class="aspect-square bg-gray-700 rounded-md flex items-center justify-center cursor-pointer hover:opacity-80"> | |
| <i class="fas fa-video text-gray-500"></i> | |
| </div> | |
| <div class="aspect-square bg-gray-700 rounded-md flex items-center justify-center cursor-pointer hover:opacity-80"> | |
| <i class="fas fa-images text-gray-500"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Recent Activity --> | |
| <div class="bg-gray-800 rounded-lg shadow-sm p-6 mt-6"> | |
| <h2 class="text-xl font-semibold mb-4">Recent Activity</h2> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <div class="bg-gray-700 rounded-full p-2 mr-3"> | |
| <i class="fas fa-user-plus text-accent-primary"></i> | |
| </div> | |
| <div> | |
| <p class="font-medium">New follower</p> | |
| <p class="text-gray-400 text-sm">You gained a new follower</p> | |
| <p class="text-gray-500 text-xs mt-1">2 hours ago</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-gray-700 rounded-full p-2 mr-3"> | |
| <i class="fas fa-comment text-accent-secondary"></i> | |
| </div> | |
| <div> | |
| <p class="font-medium">New comment</p> | |
| <p class="text-gray-400 text-sm">Someone commented on your post</p> | |
| <p class="text-gray-500 text-xs mt-1">1 day ago</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 border-t border-gray-700 mt-12 py-8"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex space-x-6 mb-4 md:mb-0"> | |
| <a href="https://onlyfans.com/privacy" class="text-gray-400 hover:text-primary text-sm">Privacy</a> | |
| <a href="https://onlyfans.com/cookies" class="text-gray-400 hover:text-primary text-sm">Cookie Notice</a> | |
| <a href="https://onlyfans.com/terms" class="text-gray-400 hover:text-primary text-sm">Terms of Service</a> | |
| </div> | |
| <div class="text-gray-500 text-sm"> | |
| © 2023 OnlyFans. All rights reserved. | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Simple interaction for the subscribe button | |
| document.querySelector('.subscribe-btn').addEventListener('click', function() { | |
| alert('Subscription process would start here!'); | |
| }); | |
| // Add click tracking for social links | |
| document.querySelectorAll('.link-button').forEach(button => { | |
| button.addEventListener('click', function() { | |
| const platform = this.textContent.trim(); | |
| console.log(`Clicked on ${platform} link`); | |
| }); | |
| }); | |
| </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=jblast94/new-fant2rlty-store" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |