-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (104 loc) · 3.28 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Discover Something Cool</title>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Courier New', Courier, monospace;
background-color: black;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
h1 {
font-size: 2.25rem;
font-weight: bold;
margin-bottom: 2rem;
text-align: center;
letter-spacing: -0.025em;
}
button {
padding: 1rem 2rem;
background-color: white;
color: black;
border: none;
font-size: 1.25rem;
font-weight: bold;
cursor: pointer;
transition: all 0.2s ease;
text-transform: uppercase;
letter-spacing: 0.05em;
}
button:hover {
background-color: #e5e5e5;
transform: scale(1.05);
}
button:active {
transform: scale(0.95);
}
@media (min-width: 768px) {
h1 {
font-size: 3.75rem;
}
button {
font-size: 1.5rem;
}
}
</style>
</head>
<body>
<h1>Discover Something Cool</h1>
<button id="coolButton">Take Me Somewhere Cool</button>
<script>
const websites = [
'https://www.onemillionpats.com',
'http://onemillionlols.com',
'https://zoomquilt.org',
'https://radiooooo.com',
'https://stellarium-web.org',
'http://chillestmonkey.com',
'https://neal.fun/eyechat',
'https://neal.fun/earth-reviews',
'https://meow.camera',
'https://www.whatbeatsrock.com',
'https://www.ravbug.com/hypertranslate',
'https://www.whichfaceisreal.com',
'https://oasis.decart.ai',
'https://character.ai',
'https://thefreemovie.buzz',
'https://justtypestuff.com',
'https://cursordanceparty.com',
'https://exp-abduction.lusion.co',
'https://playphrase.me',
'https://en.akinator.com',
'https://chess-captcha.performave.com',
'https://codepen.io/Paredes0/pen/ZERdajG',
'https://www.wifimap.io',
'https://haveibeenpwned.com',
'https://www.pixelsfighting.com',
'https://slowroads.io',
];
function getRandomWebsite() {
const randomIndex = Math.floor(Math.random() * websites.length);
return websites[randomIndex];
}
const button = document.getElementById('coolButton');
button.addEventListener('click', () => {
window.open(getRandomWebsite(), '_blank');
});
button.addEventListener('mouseenter', () => {
button.textContent = "LET'S GO!";
});
button.addEventListener('mouseleave', () => {
button.textContent = "TAKE ME SOMEWHERE COOL";
});
</script>
</body>
</html>