<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Corizon Boost</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background: #050505;
color: white;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
}
/* Hacker graffiti background */
body::before {
content: "ACCESS GRANTED 0101 SYSTEM OVERRIDE ROOT KERNEL EXECUTE";
position: absolute;
width: 200%;
height: 200%;
color: rgba(255, 0, 0, 0.06);
font-size: 40px;
transform: rotate(-20deg);
line-height: 60px;
pointer-events: none;
}
/* Board */
.board {
position: relative;
width: 700px;
padding: 50px;
border: 2px solid #ff0000;
box-shadow: 0 0 25px #ff0000, inset 0 0 40px #990000;
text-align: center;
background: #111;
z-index: 2;
}
/* Title */
h1 {
color: #ff1a1a;
text-shadow: 0 0 10px #ff0000, 0 0 30px #ff0000;
}
/* Buttons */
button {
background: black;
color: #ff1a1a;
border: 2px solid #ff0000;
padding: 10px 20px;
margin: 10px;
cursor: pointer;
text-shadow: 0 0 5px #ff0000;
box-shadow: 0 0 10px #ff0000;
}
button:hover {
background: #220000;
}
/* Inputs */
input {
display: block;
margin: 10px auto;
padding: 8px;
background: black;
border: 1px solid #ff0000;
color: white;
width: 80%;
}
/* Hidden */
.hidden {
display: none;
}
/* Loader */
#loadingText {
margin-top: 20px;
color: #ff4d4d;
}
/* Box */
.box {
border: 1px solid #ff0000;
padding: 20px;
margin-top: 20px;
box-shadow: 0 0 15px #ff0000 inset;
}
/* Sword button */
#premiumBtn {
position: absolute;
top: 10px;
right: 10px;
font-size: 18px;
padding: 8px 12px;
}
</style>
</head>
<body>
<div class="board">
<h1>CORIZON BOOST</h1>
<!-- MENU -->
<div id="menuSection">
<button onclick="showLogin()">Sign In</button>
<button onclick="showCreate()">Create Account</button>
</div>
<!-- LOGIN -->
<div id="authSection" class="hidden">
<input type="email" placeholder="Email">
<input type="password" placeholder="Password">
<button onclick="login()">Continue</button>
</div>
<!-- PERMISSION -->
<div id="permissionSection" class="hidden">
<div class="box">
<p>Allow Corizon Boost to optimize system performance?</p>
<button onclick="askAdmin()">Allow</button>
</div>
</div>
<!-- ADMIN -->
<div id="adminSection" class="hidden">
<div class="box">
<p>Enter Administrator Password</p>
<input type="password">
<button onclick="systemPrompt()">Enter</button>
</div>
</div>
<!-- SYSTEM -->
<div id="systemSection" class="hidden">
<div class="box">
<p><strong>Corizon Boost</strong> says:<br>Will you allow this PC permission?</p>
<button onclick="allowAccess()">Allow</button>
<button onclick="dismiss()">Dismiss</button>
</div>
</div>
<!-- APP -->
<div id="appSection" class="hidden">
<button id="premiumBtn" onclick="premium()">⚔</button>
<button onclick="startBoost()">FPS Boost</button>
<div id="loadingText" class="hidden">Loading assets: 0</div>
</div>
<!-- PREMIUM -->
<div id="premiumSection" class="hidden">
<div class="box">
<p><strong>Premium Subscription</strong></p>
<p>Unlock enhanced performance features:</p>
<p>- Faster asset loading</p>
<p>- Higher FPS boost</p>
<p>- Priority optimization engine</p>
<p>- Reduced system latency</p>
<p style="margin-top:15px;">Price: $9.99</p>
<button onclick="buyPremium()">Buy</button>
<button onclick="closePremium()">Cancel</button>
</div>
</div>
</div>
<script>
function showLogin() {
menuSection.classList.add("hidden");
authSection.classList.remove("hidden");
}
function showCreate() {
menuSection.classList.add("hidden");
authSection.classList.remove("hidden");
}
function login() {
authSection.classList.add("hidden");
permissionSection.classList.remove("hidden");
}
function askAdmin() {
permissionSection.classList.add("hidden");
adminSection.classList.remove("hidden");
}
function systemPrompt() {
adminSection.classList.add("hidden");
systemSection.classList.remove("hidden");
}
function allowAccess() {
systemSection.classList.add("hidden");
appSection.classList.remove("hidden");
}
function dismiss() {
alert("Permission denied.");
}
function startBoost() {
const loadingText = document.getElementById("loadingText");
loadingText.classList.remove("hidden");
let count = 0;
const max = 5677;
const interval = setInterval(() => {
count++;
loadingText.textContent = "Loading assets: " + count;
if (count >= max) {
clearInterval(interval);
loadingText.textContent = "Successfully boosted FPS to 250";
}
}, 1);
}
/* Premium */
function premium() {
premiumSection.classList.remove("hidden");
}
function closePremium() {
premiumSection.classList.add("hidden");
}
function buyPremium() {
alert("Payment successful. Premium activated.");
premiumSection.classList.add("hidden");
}
</script>
</body>
</html>0 views