Got it—this is the exact script. The reason it is showing a blank page when you upload it directly is due to a hidden formatting quirk: the code contains invisible, non-breaking spaces ( equivalents or \u00a0) instead of regular spaces before the HTML tags. Browsers can choke on these hidden characters when they sit at the very start of code lines.
Here is the exact code cleaned of those hidden characters. Copy this block, paste it into your index.html, and drop the folder into Cloudflare Pages:
HTML
<!DOCTYPE html>
<html lang="en" class="h-full bg-[#0B0B0B]">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>[ RAWSAMPLE.XYZ ]</title>
<!-- Tailwind CSS via CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
mono: ['SF Mono', 'Fira Code', 'Courier New', 'monospace'],
}
}
}
}
</script>
</head>
<body class="h-full font-mono text-[#8E8E93] flex flex-col justify-between p-6 select-none antialiased">
<!-- Top Status Bar -->
<header class="w-full flex justify-between text-xs tracking-[0.2em] uppercase">
<div class="flex items-center gap-2">
<span class="w-1.5 h-1.5 bg-[#00FF66] rounded-full animate-pulse"></span>
<span>SYSTEM: SECURE</span>
</div>
<div>REV_0.01</div>
</header>
<!-- Center Interactive Interface -->
<main class="max-w-md w-full mx-auto flex flex-col gap-6 justify-center flex-grow">
<div class="space-y-1">
<h1 class="text-white text-base font-bold tracking-[0.3em] uppercase">
[ RAW_SAMPLE . XYZ ]
</h1>
<p class="text-xs tracking-[0.15em] text-[#555555]">
RESTRICTED_ACCESS_PORTAL
</p>
</div>
<!-- Access Input Form -->
<form onsubmit="event.preventDefault();" class="space-y-4">
<div class="relative flex items-center">
<span class="absolute left-0 text-white text-sm tracking-widest pl-1">></span>
<input
type="password"
placeholder="ENTER_PASSKEY"
autofocus
class="w-full bg-transparent border-b border-[#333333] focus:border-white text-white text-sm tracking-[0.4em] pl-6 py-2 outline-none transition-colors duration-300 placeholder:text-[#333333] placeholder:tracking-[0.15em]"
>
</div>
<button
type="submit"
class="hidden text-xs text-white border border-white px-4 py-2 hover:bg-white hover:text-black transition-colors duration-200 uppercase tracking-widest"
>
Execute
</button>
</form>
</main>
<!-- Bottom Data Footer -->
<footer class="w-full flex justify-between text-[10px] tracking-[0.2em] text-[#333333] uppercase">
<div>© 2026 RAWSAMPLE</div>
<div>ROOT//HOST_CONNECTED</div>
</footer>
</body>
</html>