roblox-code-wizardry / index.html
alicagri's picture
its good but make the top bar better its looking like shit
1663d6a verified
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Roblox Script Haven | Share & Discover Game Scripts</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: '#5865F2',
600: '#4752C4'
},
secondary: {
500: '#ED4245',
600: '#D13538'
}
}
}
}
}
</script>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-8">
<section class="mb-12">
<div class="flex flex-col md:flex-row justify-between items-start md:items-end gap-4 mb-6">
<div>
<h1 class="text-4xl font-bold mb-2">Roblox Script Haven</h1>
<p class="text-gray-400">Share and discover the best game scripts with the community</p>
</div>
<a href="submit.html" class="bg-primary-500 hover:bg-primary-600 text-white px-6 py-3 rounded-lg font-medium transition-colors flex items-center gap-2">
<i data-feather="plus"></i> Submit Script
</a>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Script Card 1 -->
<div class="bg-gray-800 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500 transition-colors">
<div class="p-5">
<div class="flex justify-between items-start mb-3">
<h3 class="text-xl font-semibold">Infinite Yield</h3>
<span class="bg-green-500/20 text-green-400 text-xs px-2 py-1 rounded">Verified</span>
</div>
<p class="text-gray-400 mb-4">The most popular admin script with over 100 commands for game control.</p>
<div class="flex items-center justify-between">
<div class="flex items-center gap-2 text-sm text-gray-400">
<i data-feather="user" class="w-4 h-4"></i>
<span>ScriptMaster</span>
</div>
<div class="flex items-center gap-2 text-sm text-gray-400">
<i data-feather="download" class="w-4 h-4"></i>
<span>12.4k</span>
</div>
</div>
</div>
<div class="bg-gray-700 px-5 py-3 flex justify-between items-center">
<span class="text-sm text-gray-300">Roblox Executor Required</span>
<a href="script.html" class="text-primary-500 hover:text-primary-400 text-sm font-medium flex items-center gap-1">
View <i data-feather="chevron-right" class="w-4 h-4"></i>
</a>
</div>
</div>
<!-- Script Card 2 -->
<div class="bg-gray-800 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500 transition-colors">
<div class="p-5">
<div class="flex justify-between items-start mb-3">
<h3 class="text-xl font-semibold">Dark Dex</h3>
<span class="bg-yellow-500/20 text-yellow-400 text-xs px-2 py-1 rounded">Popular</span>
</div>
<p class="text-gray-400 mb-4">Advanced explorer for Roblox games with powerful inspection tools.</p>
<div class="flex items-center justify-between">
<div class="flex items-center gap-2 text-sm text-gray-400">
<i data-feather="user" class="w-4 h-4"></i>
<span>ExplorerPro</span>
</div>
<div class="flex items-center gap-2 text-sm text-gray-400">
<i data-feather="download" class="w-4 h-4"></i>
<span>8.7k</span>
</div>
</div>
</div>
<div class="bg-gray-700 px-5 py-3 flex justify-between items-center">
<span class="text-sm text-gray-300">Synapse X Recommended</span>
<a href="script.html" class="text-primary-500 hover:text-primary-400 text-sm font-medium flex items-center gap-1">
View <i data-feather="chevron-right" class="w-4 h-4"></i>
</a>
</div>
</div>
<!-- Script Card 3 -->
<div class="bg-gray-800 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500 transition-colors">
<div class="p-5">
<div class="flex justify-between items-start mb-3">
<h3 class="text-xl font-semibold">Owl Hub</h3>
<span class="bg-blue-500/20 text-blue-400 text-xs px-2 py-1 rounded">New</span>
</div>
<p class="text-gray-400 mb-4">Universal script hub with support for multiple popular games.</p>
<div class="flex items-center justify-between">
<div class="flex items-center gap-2 text-sm text-gray-400">
<i data-feather="user" class="w-4 h-4"></i>
<span>OwlScripts</span>
</div>
<div class="flex items-center gap-2 text-sm text-gray-400">
<i data-feather="download" class="w-4 h-4"></i>
<span>5.2k</span>
</div>
</div>
</div>
<div class="bg-gray-700 px-5 py-3 flex justify-between items-center">
<span class="text-sm text-gray-300">KRNL Supported</span>
<a href="script.html" class="text-primary-500 hover:text-primary-400 text-sm font-medium flex items-center gap-1">
View <i data-feather="chevron-right" class="w-4 h-4"></i>
</a>
</div>
</div>
</div>
</section>
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6">Top Categories</h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 transition-colors flex flex-col items-center">
<div class="w-12 h-12 bg-primary-500/20 rounded-full flex items-center justify-center mb-2">
<i data-feather="shield" class="text-primary-500"></i>
</div>
<span class="font-medium">Admin</span>
<span class="text-xs text-gray-400">124 scripts</span>
</a>
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 transition-colors flex flex-col items-center">
<div class="w-12 h-12 bg-green-500/20 rounded-full flex items-center justify-center mb-2">
<i data-feather="zap" class="text-green-500"></i>
</div>
<span class="font-medium">Exploits</span>
<span class="text-xs text-gray-400">87 scripts</span>
</a>
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 transition-colors flex flex-col items-center">
<div class="w-12 h-12 bg-purple-500/20 rounded-full flex items-center justify-center mb-2">
<i data-feather="eye" class="text-purple-500"></i>
</div>
<span class="font-medium">ESP</span>
<span class="text-xs text-gray-400">56 scripts</span>
</a>
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 transition-colors flex flex-col items-center">
<div class="w-12 h-12 bg-yellow-500/20 rounded-full flex items-center justify-center mb-2">
<i data-feather="box" class="text-yellow-500"></i>
</div>
<span class="font-medium">Game Hubs</span>
<span class="text-xs text-gray-400">42 scripts</span>
</a>
</div>
</section>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.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>