Spaces:

robertjosephnash2011
/

ifindyou

Running

App Files Files Community

robertjosephnash2011 commited on Sep 11, 2025

Commit

f0dbd5a

verified ·

1 Parent(s): 931e749

create a fully functional O.S.I.N.T web application that puts spiderfoot ,sherlock togeather - Initial Deployment

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +837 -18
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Ifindyou
-emoji: 💻
-colorFrom: purple
-colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: ifindyou
+emoji: 🐳
+colorFrom: blue
+colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,838 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>OSINT Investigator | Comprehensive Digital Footprint Analysis</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
+    <style>
+        .vanta-bg {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+        }
+        .glass-card {
+            background: rgba(255, 255, 255, 0.08);
+            backdrop-filter: blur(10px);
+            -webkit-backdrop-filter: blur(10px);
+            border-radius: 10px;
+            border: 1px solid rgba(255, 255, 255, 0.18);
+        }
+        .result-card {
+            transition: all 0.3s ease;
+        }
+        .result-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
+        }
+        .loading-spinner {
+            animation: spin 1s linear infinite;
+        }
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-gray-100 min-h-screen">
+    <div id="vanta-bg" class="vanta-bg"></div>
+    <!-- Navigation -->
+    <nav class="bg-gray-800 bg-opacity-90 backdrop-filter backdrop-blur-lg fixed w-full z-10">
+        <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">
+                    <div class="flex-shrink-0">
+                        <i data-feather="eye" class="text-blue-400"></i>
+                    </div>
+                    <div class="hidden md:block">
+                        <div class="ml-10 flex items-baseline space-x-4">
+                            <a href="#" class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>
+                            <a href="#features" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Features</a>
+                            <a href="#tools" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Tools</a>
+                            <a href="#about" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">About</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="hidden md:block">
+                    <div class="ml-4 flex items-center md:ml-6">
+                        <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium flex items-center">
+                            <i data-feather="user" class="mr-2"></i> Login
+                        </button>
+                    </div>
+                </div>
+                <div class="-mr-2 flex md:hidden">
+                    <button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
+                        <i data-feather="menu"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile menu -->
+        <div class="hidden md:hidden" id="mobile-menu">
+            <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
+                <a href="#" class="bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium">Dashboard</a>
+                <a href="#features" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Features</a>
+                <a href="#tools" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Tools</a>
+                <a href="#about" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">About</a>
+                <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Login</a>
+            </div>
+        </div>
+    </nav>
+    <!-- Hero Section -->
+    <div class="relative pt-32 pb-20 px-4 sm:px-6 lg:pt-40 lg:pb-28 lg:px-8">
+        <div class="max-w-7xl mx-auto">
+            <div class="text-center" data-aos="fade-down">
+                <h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl">
+                    <span class="block">Advanced</span>
+                    <span class="block text-blue-400">OSINT Investigation</span>
+                </h1>
+                <p class="mt-3 max-w-md mx-auto text-base text-gray-300 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
+                    Comprehensive digital footprint analysis combining the power of SpiderFoot and Sherlock with enhanced visualization and reporting.
+                </p>
+                <div class="mt-10 sm:flex sm:justify-center">
+                    <div class="rounded-md shadow">
+                        <a href="#search" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
+                            Start Investigation
+                        </a>
+                    </div>
+                    <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
+                        <a href="#demo" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
+                            Watch Demo
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Search Section -->
+    <section id="search" class="py-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
+        <div class="glass-card p-6 md:p-8 rounded-xl shadow-xl" data-aos="fade-up">
+            <h2 class="text-2xl font-bold text-white mb-6">Run Investigation</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                <div class="col-span-2">
+                    <div class="flex">
+                        <div class="relative flex-grow">
+                            <select class="block w-full bg-gray-800 border border-gray-700 text-white rounded-l-md py-3 pl-3 pr-10 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
+                                <option>Username</option>
+                                <option>Email</option>
+                                <option>Domain</option>
+                                <option>IP Address</option>
+                                <option>Phone Number</option>
+                            </select>
+                        </div>
+                        <input type="text" class="flex-grow bg-gray-800 border-t border-b border-r border-gray-700 text-white rounded-r-md py-3 px-4 focus:outline-none focus:ring-blue-500 focus:border-blue-500" placeholder="Enter target...">
+                    </div>
+                    <div class="mt-4 grid grid-cols-2 md:grid-cols-3 gap-4">
+                        <div class="flex items-center">
+                            <input id="spiderfoot" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-700 rounded" checked>
+                            <label for="spiderfoot" class="ml-2 block text-sm text-gray-300">SpiderFoot</label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="sherlock" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-700 rounded" checked>
+                            <label for="sherlock" class="ml-2 block text-sm text-gray-300">Sherlock</label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="maltego" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-700 rounded">
+                            <label for="maltego" class="ml-2 block text-sm text-gray-300">Maltego</label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="theharvester" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-700 rounded">
+                            <label for="theharvester" class="ml-2 block text-sm text-gray-300">theHarvester</label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="reconng" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-700 rounded">
+                            <label for="reconng" class="ml-2 block text-sm text-gray-300">Recon-ng</label>
+                        </div>
+                    </div>
+                </div>
+                <div class="flex flex-col justify-between">
+                    <button class="w-full bg-blue-600 hover:bg-blue-700 text-white py-3 px-4 rounded-md font-medium flex items-center justify-center">
+                        <i data-feather="search" class="mr-2"></i> Start Scan
+                    </button>
+                    <button class="w-full mt-4 bg-gray-700 hover:bg-gray-600 text-white py-3 px-4 rounded-md font-medium flex items-center justify-center">
+                        <i data-feather="settings" class="mr-2"></i> Advanced Options
+                    </button>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Results Section (Initially hidden) -->
+    <section id="results" class="py-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto hidden">
+        <div class="glass-card p-6 md:p-8 rounded-xl shadow-xl">
+            <div class="flex justify-between items-center mb-6">
+                <h2 class="text-2xl font-bold text-white">Investigation Results</h2>
+                <div class="flex space-x-4">
+                    <button class="bg-gray-700 hover:bg-gray-600 text-white py-2 px-4 rounded-md text-sm font-medium flex items-center">
+                        <i data-feather="download" class="mr-2"></i> Export
+                    </button>
+                    <button class="bg-gray-700 hover:bg-gray-600 text-white py-2 px-4 rounded-md text-sm font-medium flex items-center">
+                        <i data-feather="share-2" class="mr-2"></i> Share
+                    </button>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                <!-- Summary Card -->
+                <div class="result-card bg-gray-800 p-6 rounded-lg">
+                    <h3 class="text-lg font-medium text-white mb-4">Summary</h3>
+                    <div class="space-y-4">
+                        <div>
+                            <p class="text-sm text-gray-400">Target</p>
+                            <p class="text-white">john.doe@example.com</p>
+                        </div>
+                        <div>
+                            <p class="text-sm text-gray-400">Scan Duration</p>
+                            <p class="text-white">2 minutes 34 seconds</p>
+                        </div>
+                        <div>
+                            <p class="text-sm text-gray-400">Data Points Found</p>
+                            <p class="text-white">147</p>
+                        </div>
+                        <div>
+                            <p class="text-sm text-gray-400">Threat Level</p>
+                            <div class="flex items-center">
+                                <div class="w-full bg-gray-700 rounded-full h-2.5">
+                                    <div class="bg-yellow-500 h-2.5 rounded-full" style="width: 65%"></div>
+                                </div>
+                                <span class="ml-2 text-yellow-500 text-sm font-medium">Medium</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Graph Card -->
+                <div class="result-card bg-gray-800 p-6 rounded-lg md:col-span-2">
+                    <h3 class="text-lg font-medium text-white mb-4">Data Sources</h3>
+                    <div class="h-64">
+                        <canvas id="dataChart"></canvas>
+                    </div>
+                </div>
+                <!-- SpiderFoot Results -->
+                <div class="result-card bg-gray-800 p-6 rounded-lg md:col-span-2">
+                    <div class="flex justify-between items-center mb-4">
+                        <h3 class="text-lg font-medium text-white">SpiderFoot Results</h3>
+                        <span class="bg-blue-900 text-blue-300 text-xs px-2 py-1 rounded-full">87 findings</span>
+                    </div>
+                    <div class="overflow-x-auto">
+                        <table class="min-w-full divide-y divide-gray-700">
+                            <thead>
+                                <tr>
+                                    <th class="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Type</th>
+                                    <th class="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Data</th>
+                                    <th class="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Source</th>
+                                </tr>
+                            </thead>
+                            <tbody class="divide-y divide-gray-700">
+                                <tr>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-blue-400">Email Address</td>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-white">john.doe@gmail.com</td>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-400">Have I Been Pwned</td>
+                                </tr>
+                                <tr>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-blue-400">Domain</td>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-white">johndoe.dev</td>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-400">WHOIS</td>
+                                </tr>
+                                <tr>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-blue-400">IP Address</td>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-white">192.168.1.45</td>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-400">Shodan</td>
+                                </tr>
+                                <tr>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-blue-400">Social Media</td>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-white">twitter.com/johndoe</td>
+                                    <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-400">Twitter API</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="mt-4 text-center">
+                        <button class="text-blue-400 hover:text-blue-300 text-sm font-medium flex items-center justify-center mx-auto">
+                            View all results <i data-feather="chevron-down" class="ml-1"></i>
+                        </button>
+                    </div>
+                </div>
+                <!-- Sherlock Results -->
+                <div class="result-card bg-gray-800 p-6 rounded-lg">
+                    <div class="flex justify-between items-center mb-4">
+                        <h3 class="text-lg font-medium text-white">Sherlock Results</h3>
+                        <span class="bg-purple-900 text-purple-300 text-xs px-2 py-1 rounded-full">60 accounts found</span>
+                    </div>
+                    <div class="space-y-3">
+                        <div class="flex items-center">
+                            <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-700 flex items-center justify-center">
+                                <i data-feather="twitter" class="text-blue-400"></i>
+                            </div>
+                            <div class="ml-4">
+                                <p class="text-sm font-medium text-white">Twitter</p>
+                                <p class="text-sm text-gray-400">@johndoe</p>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-700 flex items-center justify-center">
+                                <i data-feather="github" class="text-gray-300"></i>
+                            </div>
+                            <div class="ml-4">
+                                <p class="text-sm font-medium text-white">GitHub</p>
+                                <p class="text-sm text-gray-400">johndoe</p>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-700 flex items-center justify-center">
+                                <i data-feather="linkedin" class="text-blue-500"></i>
+                            </div>
+                            <div class="ml-4">
+                                <p class="text-sm font-medium text-white">LinkedIn</p>
+                                <p class="text-sm text-gray-400">john-doe-123</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="mt-4 text-center">
+                        <button class="text-purple-400 hover:text-purple-300 text-sm font-medium flex items-center justify-center mx-auto">
+                            View all accounts <i data-feather="chevron-down" class="ml-1"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Features Section -->
+    <section id="features" class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-800 bg-opacity-50">
+        <div class="max-w-7xl mx-auto">
+            <div class="text-center mb-16" data-aos="fade-up">
+                <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
+                    Powerful OSINT Features
+                </h2>
+                <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-300 sm:mt-4">
+                    Comprehensive tools for thorough digital investigations
+                </p>
+            </div>
+            <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
+                <div class="glass-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="100">
+                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
+                        <i data-feather="globe"></i>
+                    </div>
+                    <div class="mt-5">
+                        <h3 class="text-lg font-medium text-white">Web Presence Analysis</h3>
+                        <p class="mt-2 text-base text-gray-300">
+                            Discover all web assets connected to your target including domains, subdomains, and associated infrastructure.
+                        </p>
+                    </div>
+                </div>
+                <div class="glass-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="200">
+                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
+                        <i data-feather="users"></i>
+                    </div>
+                    <div class="mt-5">
+                        <h3 class="text-lg font-medium text-white">Social Media Profiling</h3>
+                        <p class="mt-2 text-base text-gray-300">
+                            Identify accounts across hundreds of platforms with username correlation and activity analysis.
+                        </p>
+                    </div>
+                </div>
+                <div class="glass-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="300">
+                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white">
+                        <i data-feather="shield"></i>
+                    </div>
+                    <div class="mt-5">
+                        <h3 class="text-lg font-medium text-white">Threat Intelligence</h3>
+                        <p class="mt-2 text-base text-gray-300">
+                            Check for compromised credentials, malware associations, and other security threats.
+                        </p>
+                    </div>
+                </div>
+                <div class="glass-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="400">
+                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-yellow-500 text-white">
+                        <i data-feather="link"></i>
+                    </div>
+                    <div class="mt-5">
+                        <h3 class="text-lg font-medium text-white">Relationship Mapping</h3>
+                        <p class="mt-2 text-base text-gray-300">
+                            Visualize connections between entities, domains, IPs, and other digital artifacts.
+                        </p>
+                    </div>
+                </div>
+                <div class="glass-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="500">
+                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-red-500 text-white">
+                        <i data-feather="database"></i>
+                    </div>
+                    <div class="mt-5">
+                        <h3 class="text-lg font-medium text-white">Data Enrichment</h3>
+                        <p class="mt-2 text-base text-gray-300">
+                            Augment findings with WHOIS records, DNS data, geolocation, and other metadata.
+                        </p>
+                    </div>
+                </div>
+                <div class="glass-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="600">
+                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
+                        <i data-feather="file-text"></i>
+                    </div>
+                    <div class="mt-5">
+                        <h3 class="text-lg font-medium text-white">Comprehensive Reporting</h3>
+                        <p class="mt-2 text-base text-gray-300">
+                            Generate detailed reports with executive summaries, evidence documentation, and recommendations.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Tools Section -->
+    <section id="tools" class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-900">
+        <div class="max-w-7xl mx-auto">
+            <div class="text-center mb-16" data-aos="fade-up">
+                <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
+                    Integrated OSINT Tools
+                </h2>
+                <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-300 sm:mt-4">
+                    Combining the best open-source intelligence tools in one platform
+                </p>
+            </div>
+            <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
+                <div class="glass-card p-8 rounded-xl" data-aos="fade-right">
+                    <div class="flex items-center">
+                        <div class="flex-shrink-0">
+                            <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">
+                                <i data-feather="globe"></i>
+                            </div>
+                        </div>
+                        <div class="ml-4">
+                            <h3 class="text-lg font-medium text-white">SpiderFoot Integration</h3>
+                            <p class="mt-1 text-sm text-gray-300">
+                                The most complete OSINT automation tool with over 200 modules
+                            </p>
+                        </div>
+                    </div>
+                    <div class="mt-6">
+                        <ul class="space-y-4">
+                            <li class="flex items-start">
+                                <div class="flex-shrink-0">
+                                    <i data-feather="check" class="h-5 w-5 text-green-500"></i>
+                                </div>
+                                <p class="ml-3 text-base text-gray-300">
+                                    Automated footprinting of domains, IPs, emails, and names
+                                </p>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="flex-shrink-0">
+                                    <i data-feather="check" class="h-5 w-5 text-green-500"></i>
+                                </div>
+                                <p class="ml-3 text-base text-gray-300">
+                                    Data source correlation and relationship mapping
+                                </p>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="flex-shrink-0">
+                                    <i data-feather="check" class="h-5 w-5 text-green-500"></i>
+                                </div>
+                                <p class="ml-3 text-base text-gray-300">
+                                    Threat intelligence and vulnerability identification
+                                </p>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="glass-card p-8 rounded-xl" data-aos="fade-left">
+                    <div class="flex items-center">
+                        <div class="flex-shrink-0">
+                            <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-600 text-white">
+                                <i data-feather="user"></i>
+                            </div>
+                        </div>
+                        <div class="ml-4">
+                            <h3 class="text-lg font-medium text-white">Sherlock Integration</h3>
+                            <p class="mt-1 text-sm text-gray-300">
+                                Hunt down social media accounts by username across hundreds of sites
+                            </p>
+                        </div>
+                    </div>
+                    <div class="mt-6">
+                        <ul class="space-y-4">
+                            <li class="flex items-start">
+                                <div class="flex-shrink-0">
+                                    <i data-feather="check" class="h-5 w-5 text-green-500"></i>
+                                </div>
+                                <p class="ml-3 text-base text-gray-300">
+                                    Cross-platform username correlation
+                                </p>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="flex-shrink-0">
+                                    <i data-feather="check" class="h-5 w-5 text-green-500"></i>
+                                </div>
+                                <p class="ml-3 text-base text-gray-300">
+                                    Profile analysis and activity monitoring
+                                </p>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="flex-shrink-0">
+                                    <i data-feather="check" class="h-5 w-5 text-green-500"></i>
+                                </div>
+                                <p class="ml-3 text-base text-gray-300">
+                                    Customizable platform selection
+                                </p>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-12 grid grid-cols-2 gap-5 sm:grid-cols-3 md:grid-cols-6">
+                <div class="glass-card col-span-1 flex justify-center py-8 px-8 rounded-xl" data-aos="zoom-in">
+                    <div class="text-center">
+                        <i data-feather="eye" class="mx-auto h-12 w-12 text-blue-400"></i>
+                        <p class="mt-2 text-sm font-medium text-gray-300">Maltego</p>
+                    </div>
+                </div>
+                <div class="glass-card col-span-1 flex justify-center py-8 px-8 rounded-xl" data-aos="zoom-in" data-aos-delay="100">
+                    <div class="text-center">
+                        <i data-feather="search" class="mx-auto h-12 w-12 text-green-400"></i>
+                        <p class="mt-2 text-sm font-medium text-gray-300">theHarvester</p>
+                    </div>
+                </div>
+                <div class="glass-card col-span-1 flex justify-center py-8 px-8 rounded-xl" data-aos="zoom-in" data-aos-delay="200">
+                    <div class="text-center">
+                        <i data-feather="tool" class="mx-auto h-12 w-12 text-purple-400"></i>
+                        <p class="mt-2 text-sm font-medium text-gray-300">Recon-ng</p>
+                    </div>
+                </div>
+                <div class="glass-card col-span-1 flex justify-center py-8 px-8 rounded-xl" data-aos="zoom-in" data-aos-delay="300">
+                    <div class="text-center">
+                        <i data-feather="shield" class="mx-auto h-12 w-12 text-yellow-400"></i>
+                        <p class="mt-2 text-sm font-medium text-gray-300">Metagoofil</p>
+                    </div>
+                </div>
+                <div class="glass-card col-span-1 flex justify-center py-8 px-8 rounded-xl" data-aos="zoom-in" data-aos-delay="400">
+                    <div class="text-center">
+                        <i data-feather="database" class="mx-auto h-12 w-12 text-red-400"></i>
+                        <p class="mt-2 text-sm font-medium text-gray-300">Shodan</p>
+                    </div>
+                </div>
+                <div class="glass-card col-span-1 flex justify-center py-8 px-8 rounded-xl" data-aos="zoom-in" data-aos-delay="500">
+                    <div class="text-center">
+                        <i data-feather="alert-octagon" class="mx-auto h-12 w-12 text-indigo-400"></i>
+                        <p class="mt-2 text-sm font-medium text-gray-300">Have I Been Pwned</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Demo Section -->
+    <section id="demo" class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-800 bg-opacity-50">
+        <div class="max-w-7xl mx-auto">
+            <div class="lg:grid lg:grid-cols-12 lg:gap-8">
+                <div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left" data-aos="fade-right">
+                    <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
+                        <span class="block">See It In Action</span>
+                        <span class="block text-blue-400">Watch Our Demo</span>
+                    </h2>
+                    <p class="mt-3 text-xl text-gray-300 sm:mt-5">
+                        See how our OSINT Investigator can help you uncover digital footprints and connect the dots in your investigations.
+                    </p>
+                    <div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
+                        <p class="text-base font-medium text-white">Sign up for our newsletter to stay updated</p>
+                        <form class="mt-3 sm:flex">
+                            <label for="email" class="sr-only">Email</label>
+                            <input type="email" id="email" class="block w-full py-3 px-4 placeholder-gray-500 focus:ring-blue-500 focus:border-blue-500 border-gray-700 rounded-md bg-gray-700 text-white" placeholder="Enter your email">
+                            <button type="submit" class="mt-3 w-full sm:mt-0 sm:ml-3 sm:flex-shrink-0 inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+                                Notify me
+                            </button>
+                        </form>
+                    </div>
+                </div>
+                <div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center" data-aos="fade-left">
+                    <div class="relative mx-auto w-full glass-card rounded-lg shadow-lg overflow-hidden">
+                        <div class="aspect-w-16 aspect-h-9">
+                            <img class="w-full h-full object-cover" src="http://static.photos/technology/1024x576/42" alt="OSINT Dashboard Demo">
+                        </div>
+                        <div class="absolute inset-0 flex items-center justify-center">
+                            <button class="bg-blue-600 hover:bg-blue-700 rounded-full p-4 text-white shadow-xl transform transition hover:scale-110">
+                                <i data-feather="play" class="h-8 w-8"></i>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- About Section -->
+    <section id="about" class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-900">
+        <div class="max-w-7xl mx-auto">
+            <div class="text-center mb-16" data-aos="fade-up">
+                <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
+                    About OSINT Investigator
+                </h2>
+                <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-300 sm:mt-4">
+                    The most comprehensive open-source intelligence platform available
+                </p>
+            </div>
+            <div class="glass-card p-8 rounded-xl" data-aos="fade-up">
+                <div class="prose prose-invert max-w-none text-gray-300">
+                    <p>
+                        OSINT Investigator is a powerful platform that combines multiple open-source intelligence tools into a single, user-friendly interface. Designed for security professionals, investigators, and researchers, our platform automates the collection and analysis of publicly available information.
+                    </p>
+                    <p class="mt-4">
+                        By integrating tools like SpiderFoot and Sherlock with enhanced visualization and reporting capabilities, we provide a complete solution for digital footprint analysis, threat intelligence, and investigative research.
+                    </p>
+                    <p class="mt-4">
+                        Our mission is to make advanced OSINT capabilities accessible to professionals across industries while maintaining the highest standards of ethics and compliance.
+                    </p>
+                </div>
+                <div class="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0">
+                            <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
+                                <i data-feather="lock"></i>
+                            </div>
+                        </div>
+                        <div class="ml-4">
+                            <h3 class="text-lg font-medium text-white">Privacy Focused</h3>
+                            <p class="mt-2 text-base text-gray-300">
+                                We only collect and analyze publicly available information, respecting all privacy laws and regulations.
+                            </p>
+                        </div>
+                    </div>
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0">
+                            <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
+                                <i data-feather="code"></i>
+                            </div>
+                        </div>
+                        <div class="ml-4">
+                            <h3 class="text-lg font-medium text-white">Open Source Core</h3>
+                            <p class="mt-2 text-base text-gray-300">
+                                Built on top of proven open-source intelligence tools with enhancements for usability and scalability.
+                            </p>
+                        </div>
+                    </div>
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0">
+                            <div class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white">
+                                <i data-feather="cloud"></i>
+                            </div>
+                        </div>
+                        <div class="ml-4">
+                            <h3 class="text-lg font-medium text-white">Cloud Native</h3>
+                            <p class="mt-2 text-base text-gray-300">
+                                Deploy anywhere - from your local machine to enterprise cloud environments with full scalability.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- CTA Section -->
+    <section class="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-r from-blue-600 to-purple-600">
+        <div class="max-w-7xl mx-auto text-center" data-aos="zoom-in">
+            <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
+                Ready to enhance your investigations?
+            </h2>
+            <p class="mt-3 max-w-2xl mx-auto text-xl text-blue-100 sm:mt-4">
+                Start uncovering digital footprints today with our powerful OSINT platform.
+            </p>
+            <div class="mt-10 sm:flex sm:justify-center">
+                <div class="rounded-md shadow">
+                    <a href="#search" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
+                        Get Started
+                    </a>
+                </div>
+                <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
+                    <a href="#demo" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-500 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10">
+                        Watch Demo
+                    </a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900">
+        <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
+            <div class="grid grid-cols-2 gap-8 md:grid-cols-4">
+                <div>
+                    <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Product</h3>
+                    <ul class="mt-4 space-y-4">
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Features</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Pricing</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">API</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Documentation</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Resources</h3>
+                    <ul class="mt-4 space-y-4">
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Blog</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Guides</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Webinars</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Community</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3>
+                    <ul class="mt-4 space-y-4">
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">About</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Privacy</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Terms</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Connect</h3>
+                    <ul class="mt-4 space-y-4">
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Contact</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Twitter</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">GitHub</a></li>
+                        <li><a href="#" class="text-base text-gray-300 hover:text-white">LinkedIn</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="mt-12 border-t border-gray-800 pt-8 flex flex-col items-center">
+                <div class="flex space-x-6">
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i data-feather="twitter"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i data-feather="github"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i data-feather="linkedin"></i>
+                    </a>
+                </div>
+                <p class="mt-6 text-base text-gray-400 text-center">
+                    &copy; 2023 OSINT Investigator. All rights reserved.
+                </p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Initialize animations
+        AOS.init({
+            duration: 800,
+            easing: 'ease-in-out',
+            once: true
+        });
+        // Initialize Vanta.js background
+        VANTA.GLOBE({
+            el: "#vanta-bg",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0x3b82f6,
+            backgroundColor: 0x111827,
+            size: 0.8
+        });
+        // Mobile menu toggle
+        document.getElementById('mobile-menu-button').addEventListener('click', function() {
+            const menu = document.getElementById('mobile-menu');
+            menu.classList.toggle('hidden');
+        });
+        // Initialize Chart.js
+        document.addEventListener('DOMContentLoaded', function() {
+            const ctx = document.getElementById('dataChart').getContext('2d');
+            const chart = new Chart(ctx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['Social Media', 'Domains', 'Emails', 'IPs', 'Documents', 'Other'],
+                    datasets: [{
+                        data: [35, 25, 15, 10, 8, 7],
+                        backgroundColor: [
+                            '#3B82F6',
+                            '#8B5CF6',
+                            '#10B981',
+                            '#F59E0B',
+                            '#EF4444',
+                            '#64748B'
+                        ],
+                        borderWidth: 0,
+                    }]
+                },
+                options: {
+                    responsive: true,
+                    maintainAspectRatio: false,
+                    cutout: '70%',
+                    plugins: {
+                        legend: {
+                            position: 'right',
+                            labels: {
+                                color: '#E5E7EB',
+                                font: {
+                                    family: 'Inter, sans-serif'
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+            // Simulate scan when clicking Start Scan button
+            const startScanBtn = document.querySelector('button:contains("Start Scan")');
+            if (startScanBtn) {
+                startScanBtn.addEventListener('click', function() {
+                    // Show loading state
+                    startScanBtn.innerHTML = '<div class="loading-spinner inline-block h-5 w-5 border-2 border-white border-t-transparent rounded-full mr-2"></div> Scanning...';
+                    startScanBtn.disabled = true;
+                    // Simulate scan completion after 3 seconds
+                    setTimeout(function() {
+                        startScanBtn.innerHTML = '<i data-feather="search" class="mr-2"></i> Start Scan';
+                        startScanBtn.disabled = false;
+                        // Show results section
+                        document.getElementById('results').classList.remove('hidden');
+                        feather.replace();
+                        // Scroll to results
+                        document.getElementById('results').scrollIntoView({ behavior: 'smooth' });
+                    }, 3000);
+                });
+            }
+        });
+        // Replace feather icons
+        feather.replace();
+    </script>
+</body>
 </html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ create a fully functional O.S.I.N.T web application that puts spiderfoot ,sherlock togeather