Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>X (Twitter) Secret Search Parameters</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> | |
| .search-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | |
| } | |
| .copy-btn { | |
| transition: all 0.3s ease; | |
| } | |
| .copy-btn:hover { | |
| background-color: #1da1f2; | |
| color: white; | |
| } | |
| .copy-btn.copied { | |
| background-color: #17bf63; | |
| color: white; | |
| } | |
| .tooltip { | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .tooltip .tooltiptext { | |
| visibility: hidden; | |
| width: 120px; | |
| background-color: #555; | |
| color: #fff; | |
| text-align: center; | |
| border-radius: 6px; | |
| padding: 5px; | |
| position: absolute; | |
| z-index: 1; | |
| bottom: 125%; | |
| left: 50%; | |
| margin-left: -60px; | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| } | |
| .tooltip:hover .tooltiptext { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 min-h-screen"> | |
| <div class="container mx-auto px-4 py-12"> | |
| <!-- Header --> | |
| <header class="text-center mb-12"> | |
| <div class="flex justify-center items-center mb-4"> | |
| <i class="fab fa-twitter text-blue-400 text-4xl mr-3"></i> | |
| <h1 class="text-3xl font-bold text-gray-800">X (Twitter) Secret Search Parameters</h1> | |
| </div> | |
| <p class="text-gray-600 max-w-2xl mx-auto"> | |
| Unlock powerful search capabilities on X with these hidden search operators and parameters. | |
| Combine them to create precise search queries and find exactly what you're looking for. | |
| </p> | |
| </header> | |
| <!-- Search Builder --> | |
| <div class="bg-white rounded-xl shadow-md p-6 mb-12"> | |
| <h2 class="text-xl font-semibold text-gray-800 mb-4">Build Your Search Query</h2> | |
| <div class="flex flex-col md:flex-row gap-4 mb-6"> | |
| <input type="text" id="search-term" placeholder="Enter search term" | |
| class="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-400"> | |
| <select id="search-type" class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-400"> | |
| <option value="all">All of these words</option> | |
| <option value="exact">This exact phrase</option> | |
| <option value="any">Any of these words</option> | |
| <option value="none">None of these words</option> | |
| <option value="hashtag">Hashtag</option> | |
| </select> | |
| <button id="add-term" class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition"> | |
| Add Term | |
| </button> | |
| </div> | |
| <div class="mb-6"> | |
| <h3 class="font-medium text-gray-700 mb-2">Filters</h3> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-3"> | |
| <div class="flex items-center"> | |
| <input type="checkbox" id="filter-images" class="mr-2"> | |
| <label for="filter-images">Contains images</label> | |
| </div> | |
| <div class="flex items-center"> | |
| <input type="checkbox" id="filter-videos" class="mr-2"> | |
| <label for="filter-videos">Contains videos</label> | |
| </div> | |
| <div class="flex items-center"> | |
| <input type="checkbox" id="filter-links" class="mr-2"> | |
| <label for="filter-links">Contains links</label> | |
| </div> | |
| <div class="flex items-center"> | |
| <input type="checkbox" id="filter-verified" class="mr-2"> | |
| <label for="filter-verified">From verified users</label> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <h3 class="font-medium text-gray-700 mb-2">Additional Parameters</h3> | |
| <div class="flex flex-wrap gap-4"> | |
| <div> | |
| <label for="from-user" class="block text-sm text-gray-600 mb-1">From user:</label> | |
| <input type="text" id="from-user" placeholder="@username" | |
| class="px-3 py-1 border border-gray-300 rounded-lg focus:outline-none focus:ring-1 focus:ring-blue-400"> | |
| </div> | |
| <div> | |
| <label for="to-user" class="block text-sm text-gray-600 mb-1">To user:</label> | |
| <input type="text" id="to-user" placeholder="@username" | |
| class="px-3 py-1 border border-gray-300 rounded-lg focus:outline-none focus:ring-1 focus:ring-blue-400"> | |
| </div> | |
| <div> | |
| <label for="since-date" class="block text-sm text-gray-600 mb-1">Since:</label> | |
| <input type="date" id="since-date" | |
| class="px-3 py-1 border border-gray-300 rounded-lg focus:outline-none focus:ring-1 focus:ring-blue-400"> | |
| </div> | |
| <div> | |
| <label for="until-date" class="block text-sm text-gray-600 mb-1">Until:</label> | |
| <input type="date" id="until-date" | |
| class="px-3 py-1 border border-gray-300 rounded-lg focus:outline-none focus:ring-1 focus:ring-blue-400"> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-100 p-4 rounded-lg mb-4"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <h4 class="font-medium text-gray-700">Generated Search Query</h4> | |
| <button id="copy-query" class="copy-btn px-3 py-1 bg-gray-200 text-gray-700 rounded-lg text-sm"> | |
| <i class="fas fa-copy mr-1"></i> Copy | |
| </button> | |
| </div> | |
| <div id="generated-query" class="bg-white p-3 rounded-lg font-mono text-sm break-all"> | |
| Your search query will appear here... | |
| </div> | |
| </div> | |
| <button id="search-x" class="w-full py-3 bg-black text-white rounded-lg font-medium hover:bg-gray-800 transition flex items-center justify-center"> | |
| <i class="fab fa-twitter mr-2"></i> Search on X | |
| </button> | |
| </div> | |
| <!-- Search Parameters Grid --> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-6 text-center">Secret Search Parameters</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <!-- Basic Search --> | |
| <div class="search-card bg-white rounded-xl shadow-md p-6 transition"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-blue-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-search text-blue-500"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800">Basic Search</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Fundamental search operators to find specific content.</p> | |
| <div class="space-y-3"> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">keyword</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="keyword"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Basic keyword search</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">"exact phrase"</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text='"exact phrase"'> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Exact phrase match</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">#hashtag</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="#hashtag"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Search for hashtags</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- User Filters --> | |
| <div class="search-card bg-white rounded-xl shadow-md p-6 transition"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-purple-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-user text-purple-500"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800">User Filters</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Filter tweets based on user relationships and attributes.</p> | |
| <div class="space-y-3"> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">from:@username</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="from:@username"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets from a specific user</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">to:@username</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="to:@username"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets in reply to a user</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">@username</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="@username"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Mentions of a user</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">filter:verified</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="filter:verified"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">From verified accounts only</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Content Filters --> | |
| <div class="search-card bg-white rounded-xl shadow-md p-6 transition"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-green-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-photo-film text-green-500"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800">Content Filters</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Filter tweets based on the type of content they contain.</p> | |
| <div class="space-y-3"> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">filter:images</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="filter:images"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets containing images</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">filter:videos</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="filter:videos"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets containing videos</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">filter:media</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="filter:media"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets with any media</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">filter:links</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="filter:links"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets containing links</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Engagement Filters --> | |
| <div class="search-card bg-white rounded-xl shadow-md p-6 transition"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-yellow-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-heart text-yellow-500"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800">Engagement Filters</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Find tweets based on their engagement metrics.</p> | |
| <div class="space-y-3"> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">min_faves:100</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="min_faves:100"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets with at least 100 likes</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">min_retweets:50</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="min_retweets:50"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets with at least 50 retweets</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">min_replies:10</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="min_replies:10"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets with at least 10 replies</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Date Filters --> | |
| <div class="search-card bg-white rounded-xl shadow-md p-6 transition"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-red-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-calendar text-red-500"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800">Date Filters</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Find tweets from specific time periods.</p> | |
| <div class="space-y-3"> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">since:2023-01-01</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="since:2023-01-01"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets since January 1, 2023</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">until:2023-12-31</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="until:2023-12-31"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets before December 31, 2023</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">since:2023-01-01 until:2023-12-31</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="since:2023-01-01 until:2023-12-31"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets in 2023 only</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Advanced Operators --> | |
| <div class="search-card bg-white rounded-xl shadow-md p-6 transition"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-indigo-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-star text-indigo-500"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800">Advanced Operators</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Powerful combinations for precise searching.</p> | |
| <div class="space-y-3"> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">(keyword OR "phrase")</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text='(keyword OR "phrase")'> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Boolean OR operator</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">keyword -exclude</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="keyword -exclude"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Exclude specific terms</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">filter:native_video</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="filter:native_video"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Native X videos only</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center bg-gray-50 p-2 rounded"> | |
| <span class="font-mono text-sm">lang:en</span> | |
| <button class="copy-btn px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs" data-text="lang:en"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-1">Tweets in English only</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="mt-16 text-center text-gray-500 text-sm"> | |
| <p>Note: Some advanced search operators may require X Premium subscription</p> | |
| <p class="mt-2">© 2023 X (Twitter) Search Helper | Not affiliated with X Corp.</p> | |
| </footer> | |
| </div> | |
| <script> | |
| // Copy buttons functionality | |
| document.querySelectorAll('.copy-btn').forEach(button => { | |
| button.addEventListener('click', function() { | |
| const textToCopy = this.getAttribute('data-text'); | |
| navigator.clipboard.writeText(textToCopy).then(() => { | |
| // Visual feedback | |
| const originalContent = this.innerHTML; | |
| this.innerHTML = '<i class="fas fa-check"></i>'; | |
| this.classList.add('copied'); | |
| setTimeout(() => { | |
| this.innerHTML = originalContent; | |
| this.classList.remove('copied'); | |
| }, 2000); | |
| }); | |
| }); | |
| }); | |
| // Search builder functionality | |
| document.getElementById('add-term').addEventListener('click', function() { | |
| const searchTerm = document.getElementById('search-term').value.trim(); | |
| const searchType = document.getElementById('search-type').value; | |
| if (!searchTerm) return; | |
| let formattedTerm = ''; | |
| switch(searchType) { | |
| case 'all': | |
| formattedTerm = searchTerm; | |
| break; | |
| case 'exact': | |
| formattedTerm = `"${searchTerm}"`; | |
| break; | |
| case 'any': | |
| formattedTerm = searchTerm.split(' ').join(' OR '); | |
| break; | |
| case 'none': | |
| formattedTerm = `-${searchTerm}`; | |
| break; | |
| case 'hashtag': | |
| formattedTerm = `#${searchTerm.replace('#', '')}`; | |
| break; | |
| } | |
| // Add to generated query | |
| const generatedQuery = document.getElementById('generated-query'); | |
| if (generatedQuery.textContent === 'Your search query will appear here...') { | |
| generatedQuery.textContent = formattedTerm; | |
| } else { | |
| generatedQuery.textContent += ` ${formattedTerm}`; | |
| } | |
| // Clear input | |
| document.getElementById('search-term').value = ''; | |
| }); | |
| // Update generated query when filters change | |
| document.querySelectorAll('input[type="checkbox"], input[type="text"], input[type="date"]').forEach(input => { | |
| input.addEventListener('change', updateGeneratedQuery); | |
| }); | |
| function updateGeneratedQuery() { | |
| let queryParts = []; | |
| const generatedQuery = document.getElementById('generated-query'); | |
| // Get text content (excluding the initial placeholder) | |
| if (generatedQuery.textContent !== 'Your search query will appear here...') { | |
| queryParts.push(generatedQuery.textContent); | |
| } | |
| // Add filters | |
| if (document.getElementById('filter-images').checked) { | |
| queryParts.push('filter:images'); | |
| } | |
| if (document.getElementById('filter-videos').checked) { | |
| queryParts.push('filter:videos'); | |
| } | |
| if (document.getElementById('filter-links').checked) { | |
| queryParts.push('filter:links'); | |
| } | |
| if (document.getElementById('filter-verified').checked) { | |
| queryParts.push('filter:verified'); | |
| } | |
| // Add user filters | |
| const fromUser = document.getElementById('from-user').value.trim(); | |
| if (fromUser) { | |
| queryParts.push(`from:${fromUser.replace('@', '')}`); | |
| } | |
| const toUser = document.getElementById('to-user').value.trim(); | |
| if (toUser) { | |
| queryParts.push(`to:${toUser.replace('@', '')}`); | |
| } | |
| // Add date filters | |
| const sinceDate = document.getElementById('since-date').value; | |
| if (sinceDate) { | |
| queryParts.push(`since:${sinceDate}`); | |
| } | |
| const untilDate = document.getElementById('until-date').value; | |
| if (untilDate) { | |
| queryParts.push(`until:${untilDate}`); | |
| } | |
| // Update display | |
| if (queryParts.length > 0) { | |
| generatedQuery.textContent = queryParts.join(' '); | |
| } else { | |
| generatedQuery.textContent = 'Your search query will appear here...'; | |
| } | |
| } | |
| // Copy query button | |
| document.getElementById('copy-query').addEventListener('click', function() { | |
| const query = document.getElementById('generated-query').textContent; | |
| if (query === 'Your search query will appear here...') return; | |
| navigator.clipboard.writeText(query).then(() => { | |
| const originalContent = this.innerHTML; | |
| this.innerHTML = '<i class="fas fa-check mr-1"></i> Copied!'; | |
| this.classList.add('copied'); | |
| setTimeout(() => { | |
| this.innerHTML = originalContent; | |
| this.classList.remove('copied'); | |
| }, 2000); | |
| }); | |
| }); | |
| // Search on X button | |
| document.getElementById('search-x').addEventListener('click', function() { | |
| const query = document.getElementById('generated-query').textContent; | |
| if (query === 'Your search query will appear here...') { | |
| alert('Please build a search query first'); | |
| return; | |
| } | |
| const encodedQuery = encodeURIComponent(query); | |
| window.open(`https://twitter.com/search?q=${encodedQuery}&src=typed_query`, '_blank'); | |
| }); | |
| </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=Truecalifornian/deepwow" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |