VibeCodingStudio's picture
https://phantom-digital.com/
cef736c verified
Raw
History Blame Contribute Delete
5.81 kB
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jailbreak Index Explorer</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="https://unpkg.com/feather-icons"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
colors: {
primary: {
500: '#6366f1',
},
secondary: {
500: '#10b981',
}
}
}
}
}
</script>
</head>
<body class="bg-gray-100 dark:bg-gray-900 min-h-screen">
<custom-navbar></custom-navbar>
<custom-hero></custom-hero>
<main class="container mx-auto px-4 py-8">
<div class="max-w-4xl mx-auto">
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden mb-8">
<div class="p-6">
<h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-2">The Jailbreak Index</h1>
<p class="text-gray-600 dark:text-gray-300 mb-6">Your ultimate guide to iOS jailbreaking tools and resources</p>
<div class="flex flex-wrap gap-4 mb-6">
<a href="#deepseek" class="px-4 py-2 bg-primary-500 hover:bg-primary-600 text-white rounded-lg transition-colors">
DeepSeek
</a>
<a href="#tools" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-200 rounded-lg transition-colors">
Tools
</a>
<a href="#resources" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-200 rounded-lg transition-colors">
Resources
</a>
</div>
</div>
</div>
<section id="deepseek" class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden mb-8">
<div class="p-6">
<h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-4 flex items-center">
<i data-feather="search" class="mr-2"></i> DeepSeek
</h2>
<p class="text-gray-600 dark:text-gray-300 mb-4">
Find detailed information about jailbreak tools, compatibility, and installation guides.
</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg">
<h3 class="font-semibold text-gray-900 dark:text-white mb-2">iOS Versions</h3>
<p class="text-gray-600 dark:text-gray-300">Check compatibility for your device</p>
</div>
<div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg">
<h3 class="font-semibold text-gray-900 dark:text-white mb-2">Jailbreak Tools</h3>
<p class="text-gray-600 dark:text-gray-300">Latest available jailbreaks</p>
</div>
</div>
</div>
</section>
<section id="tools" class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden mb-8">
<div class="p-6">
<h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-4 flex items-center">
<i data-feather="tool" class="mr-2"></i> Jailbreak Tools
</h2>
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
<h3 class="font-semibold text-gray-900 dark:text-white">Checkra1n</h3>
<p class="text-gray-600 dark:text-gray-300 text-sm">A semi-tethered jailbreak for iOS 12.0 and up to 14.8.1</p>
</div>
<div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
<h3 class="font-semibold text-gray-900 dark:text-white">Unc0ver</h3>
<p class="text-gray-600 dark:text-gray-300 text-sm">Supports iOS 11.0 through 14.8</p>
</div>
<div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
<h3 class="font-semibold text-gray-900 dark:text-white">Taurine</h3>
<p class="text-gray-600 dark:text-gray-300 text-sm">For iOS 14.0 - 14.3</p>
</div>
</div>
</div>
</section>
</div>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/hero.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>feather.replace();</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>