secutorpro's picture
https://github.com/Ishanoshada/GDorks.git
95844bd verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GDorks - Advanced Google Dorks Generator</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body class="bg-slate-950 text-slate-200 font-sans antialiased min-h-screen">
<!-- Background Effects -->
<div class="fixed inset-0 z-0 pointer-events-none overflow-hidden">
<div class="absolute top-0 left-1/4 w-96 h-96 bg-blue-600/10 rounded-full blur-3xl"></div>
<div class="absolute bottom-0 right-1/4 w-96 h-96 bg-purple-600/10 rounded-full blur-3xl"></div>
</div>
<!-- Navbar -->
<nav class="relative z-10 border-b border-slate-800/60 backdrop-blur-xl bg-slate-950/80 sticky top-0">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center gap-3">
<div class="w-9 h-9 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-500/20">
<i data-lucide="search" class="w-5 h-5 text-white"></i>
</div>
<span class="text-xl font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent tracking-tight">GDorks</span>
</div>
<div class="hidden md:flex items-center gap-6">
<span class="text-xs font-medium text-slate-500 uppercase tracking-wider">Advanced Google Dorks Generator</span>
</div>
<a href="https://github.com/Ishanoshada/GDorks" target="_blank" class="flex items-center gap-2 text-slate-400 hover:text-white transition-colors">
<i data-lucide="github" class="w-5 h-5"></i>
<span class="text-sm font-medium hidden sm:inline">GitHub</span>
</a>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- Hero Section -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4 tracking-tight">
Google Dorks <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400">Generator</span>
</h1>
<p class="text-slate-400 text-lg max-w-2xl mx-auto leading-relaxed">
Search smarter with pre-built advanced queries. Find sensitive files, vulnerabilities, and exposed data across the web.
</p>
</div>
<!-- Custom Dork Builder -->
<div class="mb-10 bg-slate-900/50 border border-slate-800/80 rounded-2xl p-6 backdrop-blur-sm">
<div class="flex items-center gap-2 mb-4">
<i data-lucide="hammer" class="w-5 h-5 text-blue-400"></i>
<h2 class="text-lg font-semibold text-white">Custom Query Builder</h2>
</div>
<div class="flex flex-col md:flex-row gap-3">
<div class="flex-1 relative">
<input type="text" id="targetInput" placeholder="Enter target domain (e.g., example.com)"
class="w-full bg-slate-950 border border-slate-700 rounded-xl px-4 py-3 text-slate-200 placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-blue-500 transition-all">
</div>
<div class="flex-1 relative">
<input type="text" id="keywordInput" placeholder="Enter keywords (optional)"
class="w-full bg-slate-950 border border-slate-700 rounded-xl px-4 py-3 text-slate-200 placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-blue-500 transition-all">
</div>
<button onclick="buildCustomDork()"
class="bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-500 hover:to-blue-400 text-white px-6 py-3 rounded-xl font-semibold shadow-lg shadow-blue-500/25 transition-all hover:scale-105 active:scale-95 flex items-center justify-center gap-2">
<i data-lucide="zap" class="w-4 h-4"></i>
Generate
</button>
</div>
<div id="customResult" class="mt-4 hidden">
<div class="flex items-center gap-2 bg-slate-950 border border-slate-800 rounded-xl p-4">
<code id="customQueryText" class="flex-1 font-mono text-sm text-green-400 break-all"></code>
<button onclick="copyCustomDork()" class="p-2 hover:bg-slate-800 rounded-lg transition-colors text-slate-400 hover:text-white">
<i data-lucide="copy" class="w-4 h-4"></i>
</button>
<button onclick="searchCustomDork()" class="p-2 hover:bg-slate-800 rounded-lg transition-colors text-slate-400 hover:text-blue-400">
<i data-lucide="external-link" class="w-4 h-4"></i>
</button>
</div>
</div>
</div>
<!-- Search & Filter -->
<div class="mb-8 flex flex-col sm:flex-row gap-4 items-center justify-between">
<div class="relative w-full sm:w-96">
<i data-lucide="search" class="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-500"></i>
<input type="text" id="searchInput" placeholder="Search dorks..." oninput="filterDorks()"
class="w-full bg-slate-900/50 border border-slate-800 rounded-xl pl-10 pr-4 py-3 text-slate-200 placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-purple-500/30 focus:border-purple-500/50 transition-all">
</div>
<div class="flex gap-2 overflow-x-auto w-full sm:w-auto pb-2 sm:pb-0" id="categoryFilters">
<button onclick="filterByCategory('all')" class="category-btn active px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-slate-800 text-white border border-slate-700">All</button>
<button onclick="filterByCategory('sensitive-files')" class="category-btn px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-slate-900/50 text-slate-400 border border-slate-800 hover:text-white hover:border-slate-700">Sensitive Files</button>
<button onclick="filterByCategory('vulnerabilities')" class="category-btn px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-slate-900/50 text-slate-400 border border-slate-800 hover:text-white hover:border-slate-700">Vulnerabilities</button>
<button onclick="filterByCategory('directories')" class="category-btn px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-slate-900/50 text-slate-400 border border-slate-800 hover:text-white hover:border-slate-700">Directories</button>
<button onclick="filterByCategory('cameras')" class="category-btn px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-slate-900/50 text-slate-400 border border-slate-800 hover:text-white hover:border-slate-700">Cameras/IoT</button>
<button onclick="filterByCategory('login')" class="category-btn px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-slate-900/50 text-slate-400 border border-slate-800 hover:text-white hover:border-slate-700">Login Pages</button>
</div>
</div>
<!-- Dorks Grid -->
<div id="dorksGrid" class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
<!-- Dorks will be injected here by JavaScript -->
</div>
<!-- Empty State -->
<div id="emptyState" class="hidden text-center py-20">
<div class="w-16 h-16 bg-slate-900 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-lucide="search-x" class="w-8 h-8 text-slate-600"></i>
</div>
<h3 class="text-lg font-medium text-slate-400">No dorks found</h3>
<p class="text-slate-500 text-sm mt-1">Try adjusting your search or category filter</p>
</div>
</main>
<!-- Toast Notification -->
<div id="toast" class="fixed bottom-6 right-6 z-50 transform translate-y-20 opacity-0 transition-all duration-300">
<div class="bg-slate-900 border border-slate-700 rounded-xl px-4 py-3 shadow-2xl flex items-center gap-3">
<div class="w-8 h-8 bg-green-500/20 rounded-lg flex items-center justify-center">
<i data-lucide="check" class="w-4 h-4 text-green-400"></i>
</div>
<span class="text-sm font-medium text-slate-200">Copied to clipboard!</span>
</div>
</div>
<!-- Footer -->
<footer class="relative z-10 border-t border-slate-800/60 mt-16 py-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<p class="text-slate-500 text-sm">Use responsibly. Only test on systems you have permission to test.</p>
</div>
</footer>
<script src="https://unpkg.com/lucide@latest"></script>
<script src="script.js"></script>
<script src="https://deepsite.hf.co/deepsite-badge.js"></script>
</body>
</html>