space01 / index.html
Davorin94's picture
Add 3 files
8e40e99 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ACCESS HAS BEEN DENIED</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #0a0a1a;
color: #e0e0ff;
overflow-x: hidden;
}
.neon-blue {
color: #00f7ff;
text-shadow: 0 0 5px #00f7ff, 0 0 10px #00f7ff;
}
.neon-green {
color: #00ff9d;
text-shadow: 0 0 5px #00ff9d, 0 0 10px #00ff9d;
}
.neon-red {
color: #ff2a6d;
text-shadow: 0 0 5px #ff2a6d, 0 0 10px #ff2a6d;
}
.neon-yellow {
color: #f5d300;
text-shadow: 0 0 5px #f5d300, 0 0 10px #f5d300;
}
.neon-purple {
color: #b300ff;
text-shadow: 0 0 5px #b300ff, 0 0 10px #b300ff;
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.shield-glow {
filter: drop-shadow(0 0 12px rgba(0, 247, 255, 0.7));
}
.border-neon-blue {
border-color: #00f7ff;
box-shadow: 0 0 10px #00f7ff;
}
.border-neon-red {
border-color: #ff2a6d;
box-shadow: 0 0 10px #ff2a6d;
}
.bg-neon-dark {
background-color: rgba(10, 10, 26, 0.8);
}
</style>
</head>
<body class="min-h-screen">
<!-- Animated Background -->
<div class="fixed inset-0 overflow-hidden -z-10">
<div class="absolute inset-0 bg-gradient-to-br from-gray-900/90 to-blue-900/90"></div>
<div class="absolute top-0 left-0 w-full h-full opacity-30">
<div class="absolute top-10 left-20 w-4 h-4 rounded-full neon-red blur-md animate-pulse"></div>
<div class="absolute top-1/3 right-1/4 w-6 h-6 rounded-full neon-blue blur-lg animate-pulse" style="animation-delay: 0.5s;"></div>
<div class="absolute bottom-1/4 left-1/3 w-5 h-5 rounded-full neon-green blur-lg animate-pulse" style="animation-delay: 1s;"></div>
<div class="absolute bottom-1/2 right-1/5 w-5 h-5 rounded-full neon-yellow blur-lg animate-pulse" style="animation-delay: 1.5s;"></div>
</div>
</div>
<div class="container mx-auto px-4 py-12 max-w-4xl">
<!-- Security Header -->
<div class="text-center mb-12">
<div class="shield-glow pulse inline-block mb-6">
<i class="fas fa-shield-alt text-7xl neon-blue"></i>
</div>
<h1 class="text-4xl md:text-5xl font-bold mb-4 neon-red">ACCESS HAS BEEN DENIED</h1>
<div class="w-24 h-1 bg-gradient-to-r from-neon-blue to-neon-purple mx-auto mb-6"></div>
<h2 class="text-2xl md:text-3xl font-bold neon-green mb-3">Cawood DNS Filter has protected you</h2>
<p class="text-lg text-gray-300 max-w-2xl mx-auto">
The site you attempted to visit has been blocked as it contains malicious & harmful code.
</p>
</div>
<!-- Threat Information -->
<div class="bg-neon-dark backdrop-blur-sm rounded-xl p-8 border-neon-red mb-10">
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-bold neon-red mb-4 flex items-center">
<i class="fas fa-exclamation-triangle mr-3"></i>
Threat Identified
</h3>
<ul class="space-y-3">
<li class="flex items-center">
<i class="fas fa-bug neon-red mr-3"></i>
<span>Malware</span>
</li>
<li class="flex items-center">
<i class="fas fa-lock neon-red mr-3"></i>
<span>Ransomware</span>
</li>
<li class="flex items-center">
<i class="fas fa-horse-head neon-red mr-3"></i>
<span>Trojan</span>
</li>
<li class="flex items-center">
<i class="fas fa-code neon-red mr-3"></i>
<span>Malicious Scripts</span>
</li>
<li class="flex items-center">
<i class="fas fa-hdd neon-red mr-3"></i>
<span>Bootloader</span>
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold neon-blue mb-4 flex items-center">
<i class="fas fa-shield-alt mr-3"></i>
Protection Details
</h3>
<div class="bg-gray-800/50 rounded-lg p-4 mb-4 border border-neon-blue">
<p class="text-sm text-gray-300 mb-2">Protected by:</p>
<p class="font-bold neon-blue">Cawood DNS as configured by Davorin</p>
</div>
<div class="bg-gray-800/50 rounded-lg p-4 border border-neon-green">
<p class="text-sm text-gray-300 mb-2">Status:</p>
<p class="font-bold neon-green">You are protected</p>
<p class="text-sm neon-green mt-1">Threat was successfully blocked</p>
</div>
</div>
</div>
</div>
<!-- Recommended Actions -->
<div class="bg-neon-dark backdrop-blur-sm rounded-xl p-8 border-neon-blue">
<h3 class="text-xl font-bold neon-yellow mb-6 text-center">
<i class="fas fa-lightbulb mr-2"></i>
Recommended Actions
</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-800/50 rounded-lg p-4 text-center border border-neon-blue">
<div class="neon-blue text-3xl mb-3">
<i class="fas fa-undo"></i>
</div>
<h4 class="font-bold mb-2">Return to Safety</h4>
<p class="text-sm text-gray-300">Navigate back to a trusted website</p>
</div>
<div class="bg-gray-800/50 rounded-lg p-4 text-center border border-neon-purple">
<div class="neon-purple text-3xl mb-3">
<i class="fas fa-shield-virus"></i>
</div>
<h4 class="font-bold mb-2">Run Security Scan</h4>
<p class="text-sm text-gray-300">Ensure your device is clean</p>
</div>
<div class="bg-gray-800/50 rounded-lg p-4 text-center border border-neon-green">
<div class="neon-green text-3xl mb-3">
<i class="fas fa-book"></i>
</div>
<h4 class="font-bold mb-2">Learn About Threats</h4>
<p class="text-sm text-gray-300">Understand online security risks</p>
</div>
</div>
</div>
<!-- Footer -->
<div class="mt-12 text-center text-gray-500 text-sm">
<p>Cawood DNS Filter - Enterprise-grade protection for your home network</p>
<p class="mt-1">© <span id="year"></span> All rights reserved</p>
</div>
</div>
<script>
// Set current year
document.getElementById('year').textContent = new Date().getFullYear();
// Add animation to security shield
const shield = document.querySelector('.fa-shield-alt');
setInterval(() => {
shield.classList.toggle('shield-glow');
setTimeout(() => shield.classList.toggle('shield-glow'), 1000);
}, 3000);
// Add warning pulse to threat items
document.querySelectorAll('.fa-bug, .fa-lock, .fa-horse-head, .fa-code, .fa-hdd').forEach(icon => {
setInterval(() => {
icon.classList.toggle('neon-red');
icon.classList.toggle('text-red-300');
}, 1500);
});
// Add glow to action boxes
const actionBoxes = document.querySelectorAll('.border-neon-blue, .border-neon-purple, .border-neon-green');
actionBoxes.forEach(box => {
setInterval(() => {
box.classList.toggle('opacity-90');
}, 2000);
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Davorin94/space01" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>