init f0ckm
This commit is contained in:
139
views/index.html
Normal file
139
views/index.html
Normal file
@@ -0,0 +1,139 @@
|
||||
@if(private_society && !session)
|
||||
<html>
|
||||
<head><title>502 Bad Gateway</title></head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<body bgcolor="white">
|
||||
<div id="nginx-502-gate">
|
||||
<center><h1>502 Bad Gatew<span id="secret-letter">a</span>y</h1></center>
|
||||
<hr><center><span style="cursor: text;top: -7px; position: relative;">nginx</span></center>
|
||||
</div>
|
||||
|
||||
<div id="hot-corner" style="position:fixed; bottom:0; left:0; width:20px; height:20px; z-index:9999;"></div>
|
||||
|
||||
<style>
|
||||
#nginx-502-gate {
|
||||
background: white !important;
|
||||
color: black !important;
|
||||
font-family: serif !important;
|
||||
font-size: 16px !important;
|
||||
margin: 1px !important;
|
||||
}
|
||||
#nginx-502-gate center { display: block !important; text-align: center !important; margin: 0 !important; padding: 0 !important;}
|
||||
#nginx-502-gate h1 { font-family: serif !important; font-size: 2em !important; font-weight: bold !important; margin: .67em 0 !important; display: block !important; color: black !important; cursor: text !important;}
|
||||
#nginx-502-gate hr { margin: 15px 0 !important; display: block !important; border: 0 !important; border-top: 2px solid gray !important; }
|
||||
#secret-letter {
|
||||
cursor: text;
|
||||
}
|
||||
#secret-letter { cursor: text; }
|
||||
|
||||
#login-modal, #register-modal {
|
||||
background: rgba(0,0,0,0.1) !important;
|
||||
z-index: 10000 !important;
|
||||
}
|
||||
#login-modal .login-modal-content, #register-modal .login-modal-content {
|
||||
background: #f0f0f0 !important;
|
||||
border: 1px solid #777 !important;
|
||||
color: black !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: 4px 4px 0 rgba(0,0,0,0.2) !important;
|
||||
font-family: sans-serif !important;
|
||||
}
|
||||
.login-modal-content h2 {
|
||||
color: black !important;
|
||||
margin-bottom: 15px !important;
|
||||
font-size: 1.3em !important;
|
||||
}
|
||||
.login-form input[type="text"],
|
||||
.login-form input[type="password"],
|
||||
.login-form input[type="email"] {
|
||||
background: white !important;
|
||||
color: black !important;
|
||||
border: 1px solid #999 !important;
|
||||
border-radius: 0 !important;
|
||||
padding: 6px !important;
|
||||
width: 100% !important;
|
||||
box-sizing: border-box !important;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.login-form button[type="submit"] {
|
||||
background: #e1e1e1 !important;
|
||||
color: black !important;
|
||||
border: 1px solid #777 !important;
|
||||
border-radius: 0 !important;
|
||||
padding: 8px !important;
|
||||
font-weight: bold !important;
|
||||
cursor: pointer !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.login-form button[type="submit"]:hover {
|
||||
background: #d1d1d1 !important;
|
||||
}
|
||||
.login-form label, .login-form p, .login-form a {
|
||||
color: #444 !important;
|
||||
font-size: 0.9em !important;
|
||||
}
|
||||
.login-form a {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
#login-modal-close, #register-modal-close {
|
||||
color: #444 !important;
|
||||
font-size: 24px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="gate-container" style="display:none;">
|
||||
@include(snippets/navbar)
|
||||
@include(snippets/footer)
|
||||
</div>
|
||||
<script>
|
||||
function openLoginGate() {
|
||||
const container = document.getElementById('gate-container');
|
||||
container.style.display = 'block';
|
||||
|
||||
if (!document.getElementById('injected-gate-styles')) {
|
||||
const link = document.createElement('link');
|
||||
link.id = 'injected-gate-styles';
|
||||
link.rel = 'stylesheet';
|
||||
link.href = '/s/css/f0ckm.css?v={{ ts }}';
|
||||
document.head.appendChild(link);
|
||||
}
|
||||
|
||||
const modal = document.getElementById('login-modal');
|
||||
if (modal) {
|
||||
modal.style.display = 'flex';
|
||||
} else {
|
||||
const checkModal = setInterval(() => {
|
||||
const m = document.getElementById('login-modal');
|
||||
if (m) {
|
||||
m.style.display = 'flex';
|
||||
clearInterval(checkModal);
|
||||
}
|
||||
}, 50);
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById('secret-letter').onclick = openLoginGate;
|
||||
|
||||
document.getElementById('hot-corner').onclick = openLoginGate;
|
||||
|
||||
let secretBuffer = '';
|
||||
document.addEventListener('keydown', (e) => {
|
||||
secretBuffer += e.key.toLowerCase();
|
||||
if (secretBuffer.endsWith('premiumhumor')) {
|
||||
openLoginGate();
|
||||
secretBuffer = '';
|
||||
}
|
||||
if (secretBuffer.length > 10) secretBuffer = secretBuffer.substring(1);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@else
|
||||
@include(snippets/header)
|
||||
<div class="pagewrapper">
|
||||
<div id="main">
|
||||
@include(index-partial)
|
||||
</div>
|
||||
</div>
|
||||
@include(snippets/footer)
|
||||
@endif
|
||||
Reference in New Issue
Block a user