-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (55 loc) · 2.63 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>You should not be here</title>
<link rel="icon" type="image/x-icon" href="https://femboy.beauty/uWbPJ.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="./css/mainpage.css">
</head>
<body>
<div class="noise"></div>
<div class="overlay"></div>
<div id="imageContainer"></div>
<div class="terminal">
<img src="https://femboy.beauty/uWbPJ.png" width="100" height="100" alt="PryzumLogo">
<h1>You Should <span class="errorcode">NOT</span> be here...</h1>
<p class="output">However if You Are, Enter The Password Below</p>
<div class="password-container">
<input type="password" id="password" class="password-input" placeholder="Enter Agent Key">
<button onclick="checkPassword()" class="password-button">Submit</button>
</div>
<p class="output">If Not Leave now! <a href="https://pryzum.net">Pryzum.net</a></p>
<div class="popupbackground" id="popupbackground">
<div class="popup password-input">
<img src="https://femboy.beauty/uWbPJ.png" width="100" height="100" alt="PryzumLogo">
<h2 style= "justify-content: center; align-items: center;">This Site is a work of fiction</h2>
<p style= "margin-left: 20px; margin-right: 20px; justify-content: center; align-items: center;">this site is not related to any real world groups or individuals</p>
<img style= "position: absolute; top: 20px; left: 730px;" src="https://femboy.beauty/WPldb.png" width="100" height="100" alt="NoPixelLogo">
<!-- The Nopixel Logo is a trademark of nopixel.net -->
<button class="password-input" id="closePopup">Close</button>
</div>
</div>
</div>
</div>
<script src="./js/mainpage.js"></script>
<script>
const closePopupButton = document.getElementById('closePopup');
const popupbackground = document.getElementById('popupbackground');
const popup = document.querySelector('.popup');
window.addEventListener('load', () => {
popupbackground.classList.add('show');
popup.classList.add('show');
});
closePopupButton.addEventListener('click', () => {
popup.classList.add('hide');
popupbackground.classList.add('hide'); // Add hide class to popupbackground
// Use setTimeout to match the CSS transition duration
setTimeout(() => {
popupbackground.classList.remove('show', 'hide');
popup.classList.remove('show', 'hide');
}, 500); // Match this duration with the CSS transition duration
});
</script>
</body>
</html>