Skip to content

Commit 6679b74

Browse files
SomeRandomFellaSomeRandomFella
authored
made it look better on mobile
looks better on mobile now and now it actually tells u if the post doesnt work
1 parent effff68 commit 6679b74

File tree

1 file changed

+289
-62
lines changed

1 file changed

+289
-62
lines changed

‎index.html‎

Lines changed: 289 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -1,96 +1,323 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>Fake Google</title>
5-
<link rel="icon" href="images/rizz.png" type="image/png" />
4+
<title>Infinite Typing</title>
5+
<link rel="icon" type="image/png" href="uwu.png" />
6+
<link
7+
rel="stylesheet"
8+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
9+
/>
10+
<link
11+
href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
12+
rel="stylesheet"
13+
/>
14+
<meta charset="UTF-8" />
15+
<meta
16+
name="viewport"
17+
content="width=device-width, initial-scale=1, maximum-scale=1"
18+
/>
619
<style>
7-
main {
20+
* {
21+
box-sizing: border-box;
22+
}
23+
24+
body {
25+
font-family: Roboto, sans-serif;
26+
background-color: #36393f;
27+
color: #dcddde;
28+
margin: 0;
29+
padding: 0;
30+
}
31+
32+
#top {
833
display: flex;
34+
flex-direction: column;
35+
align-items: center;
936
justify-content: center;
37+
padding: 40px 20px 120px;
38+
text-align: center;
39+
}
40+
41+
h1 {
42+
font-size: 2rem;
43+
margin-bottom: 10px;
44+
}
45+
46+
#gay {
47+
color: #fee75c !important;
48+
font-weight: bold;
49+
font-size: 14px;
50+
display: flex;
1051
align-items: center;
11-
flex-direction: column;
12-
height: 70vh;
52+
gap: 6px;
53+
justify-content: center;
54+
flex-wrap: wrap;
55+
margin-bottom: 10px;
1356
}
1457

15-
.image {
16-
max-width: 300px;
17-
max-height: 100px;
18-
margin-bottom: 20px;
58+
.gay2 {
59+
font-size: 14px;
60+
max-width: 600px;
61+
margin: 5px auto;
62+
padding: 0 10px;
1963
}
2064

21-
.search {
22-
padding: 10px 15px;
65+
#middle {
66+
display: flex;
67+
flex-direction: column;
68+
align-items: center;
2369
width: 100%;
24-
max-width: 500px;
25-
border-radius: 24px;
26-
border: 1px solid #dcdcdc;
27-
font-size: 16px;
28-
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
29-
transition: box-shadow 0.3s ease;
70+
gap: 12px;
71+
margin-top: 20px;
3072
}
3173

32-
.search:focus {
74+
#token {
75+
padding: 14px;
76+
border-radius: 10px;
77+
font-size: 16px;
78+
width: 90%;
79+
max-width: 420px;
80+
border: none;
3381
outline: none;
3482
}
3583

36-
.button {
37-
margin-top: 20px;
38-
padding: 10px 20px;
39-
background-color: #e7e7e7;
40-
border: none;
41-
border-radius: 5px;
84+
#cutebutton,
85+
#startButton,
86+
#stopButton {
87+
width: 90%;
88+
max-width: 420px;
89+
padding: 16px;
4290
font-size: 16px;
91+
border-radius: 8px;
92+
font-family: Roboto;
93+
border: none;
4394
cursor: pointer;
44-
font-family: Arial;
45-
font-weight: bold;
46-
transition: border 0.6s ease;
95+
transition: transform 0.2s ease;
96+
}
97+
98+
#cutebutton {
99+
background-color: #5865f2;
100+
color: #dcddde;
101+
}
102+
103+
#startButton {
104+
background-color: #3ba55d;
105+
color: #dcddde;
106+
display: none;
107+
}
108+
109+
#stopButton {
110+
background-color: #ed4245;
111+
color: #dcddde;
112+
display: none;
113+
}
114+
115+
#cutebutton:hover,
116+
#startButton:hover,
117+
#stopButton:hover {
118+
transform: scale(1.04);
119+
}
120+
121+
#status {
122+
margin: 20px auto 0;
123+
padding: 12px 16px;
124+
background-color: #2f3136;
125+
border: 1px solid #4f545c;
126+
border-radius: 8px;
127+
font-size: 16px;
128+
text-align: center;
129+
max-width: 90%;
130+
white-space: pre-line;
131+
}
132+
133+
#foot {
134+
background-color: #2f3136;
135+
color: #b9bbbe;
136+
text-align: center;
137+
padding: 16px;
138+
font-size: 14px;
139+
border-top: 1px solid #4f545c;
140+
position: fixed;
141+
bottom: 0;
142+
left: 0;
143+
right: 0;
144+
font-family: Roboto, sans-serif;
145+
z-index: 999;
146+
}
147+
148+
@media (max-width: 768px) {
149+
#middle {
150+
flex-direction: column;
151+
}
152+
153+
h1 {
154+
font-size: 24px;
155+
}
156+
157+
.gay2 {
158+
font-size: 14px;
159+
}
160+
161+
#gay {
162+
font-size: 14px;
163+
flex-direction: column;
164+
}
165+
166+
#foot {
167+
font-size: 13px;
168+
}
47169
}
48170

49-
.button:hover {
50-
border: solid 1px #636363;
171+
@media (min-width: 769px) {
172+
#middle {
173+
flex-direction: row;
174+
justify-content: center;
175+
flex-wrap: wrap;
176+
gap: 10px;
177+
}
178+
179+
#token {
180+
width: 400px;
181+
font-size: 18px;
182+
}
183+
184+
#cutebutton,
185+
#startButton,
186+
#stopButton {
187+
width: auto;
188+
min-width: 130px;
189+
font-size: 16px;
190+
padding: 14px 20px;
191+
}
192+
193+
#status {
194+
font-size: 18px;
195+
max-width: 60%;
196+
}
197+
198+
h1 {
199+
font-size: 32px;
200+
}
201+
202+
.gay2 {
203+
font-size: 16px;
204+
}
205+
206+
#gay {
207+
font-size: 16px;
208+
flex-direction: row;
209+
}
51210
}
52211
</style>
53212
</head>
54213
<body>
55-
<main>
56-
<img class="image" src="images/google3.png" alt="Google Logo" />
57-
<input
58-
class="search"
59-
type="text"
60-
placeholder="Seach Google or type a URL"
61-
/>
62-
<buton onclick="getRandomSearch()" class="button">Im Feeling Lucky</buton>
63-
</main>
214+
<!--FYI this code is ASS im a newbie-->
215+
216+
<div id="top">
217+
<h1>Infinite Typing.</h1>
218+
<div id="gay">
219+
<i class="fas fa-exclamation-triangle"></i> This can get you banned
220+
<i class="fas fa-exclamation-triangle"></i>
221+
</div>
222+
<h4 class="gay2">
223+
This website will NOT store your token, or use it in any way other than
224+
the intended use.
225+
</h4>
226+
<h4 class="gay2">
227+
This is a static website. If you don't believe me, check out the source
228+
yourself.
229+
</h4>
230+
<div id="middle">
231+
<input id="token" type="password" placeholder="Enter your token..." />
232+
<button id="cutebutton">Enter</button>
233+
<button id="startButton">Start</button>
234+
<button id="stopButton">Stop</button>
235+
</div>
236+
</div>
237+
238+
<p id="status"></p>
239+
<footer id="foot">Made by sexyplankton</footer>
64240

65241
<script>
66-
const search = document.querySelector(".search");
67-
68-
search.addEventListener("keydown", function (event) {
69-
if (event.key === "Enter") {
70-
const query = search.value;
71-
if (query) {
72-
window.location.href = `https://www.google.com/search?q=${encodeURIComponent(
73-
query
74-
)}`;
242+
const input = document.querySelector("#token");
243+
const button = document.querySelector("#cutebutton");
244+
const status = document.querySelector("#status");
245+
const startBtn = document.querySelector("#startButton");
246+
const stopBtn = document.querySelector("#stopButton");
247+
248+
let step = 1;
249+
let Token = "";
250+
let channelId = "";
251+
let intervalId = null;
252+
253+
function handleSubmit() {
254+
const value = input.value.trim();
255+
256+
if (step === 1) {
257+
if (value === "") {
258+
status.textContent = "Enter a token";
259+
return;
75260
}
76-
}
77-
});
261+
Token = value;
262+
status.textContent = `Token is ready`;
78263

79-
function getRandomSearch() {
80-
const searches = [
81-
"ermmm",
82-
"inel forums",
83-
"how to jerk off more than 3 times a day",
84-
"how to stop watching porn",
85-
];
86-
const result = searches[Math.floor(Math.random() * searches.length)];
87-
88-
if (result) {
89-
window.location.href = `https://www.google.com/search?q=${encodeURIComponent(
90-
result
91-
)}`;
264+
input.value = "";
265+
input.placeholder = "Enter Channel ID";
266+
step = 2;
267+
} else if (step === 2) {
268+
if (value === "") {
269+
status.textContent = "Please enter a channel ID.";
270+
return;
271+
}
272+
channelId = value;
273+
status.textContent = `Channel ID saved: ${channelId}. Ready to start.`;
274+
275+
input.disabled = true;
276+
button.disabled = true;
277+
startBtn.style.display = "block";
278+
stopBtn.style.display = "block";
92279
}
93280
}
281+
282+
function startTyping() {
283+
if (intervalId !== null) return;
284+
intervalId = setInterval(function () {
285+
fetch(`https://discord.com/api/v9/channels/${channelId}/typing`, {
286+
method: "POST",
287+
headers: {
288+
Authorization: `${Token}`,
289+
"Content-Type": "application/json",
290+
},
291+
})
292+
.then((response) => {
293+
if (!response.ok) {
294+
throw new Error(
295+
`Server responded with status ${response.status}`
296+
);
297+
}
298+
})
299+
.catch((error) => {
300+
status.textContent =
301+
"❌ couldnt send the request either wrong token or channel id orrr ur adblocker is blocking the post.";
302+
console.error("POST error:", error);
303+
});
304+
}, 8000);
305+
status.textContent = "🟢 Started.";
306+
}
307+
308+
function stopTyping() {
309+
clearInterval(intervalId);
310+
intervalId = null;
311+
status.textContent = "🛑 Stopped.";
312+
}
313+
314+
input.addEventListener("keydown", (e) => {
315+
if (e.key === "Enter") handleSubmit();
316+
});
317+
318+
button.addEventListener("click", handleSubmit);
319+
startBtn.addEventListener("click", startTyping);
320+
stopBtn.addEventListener("click", stopTyping);
94321
</script>
95322
</body>
96323
</html>

0 commit comments

Comments
 (0)