-
-
Notifications
You must be signed in to change notification settings - Fork 68
Expand file tree
/
Copy pathindex.html
More file actions
893 lines (892 loc) · 70.1 KB
/
Copy pathindex.html
File metadata and controls
893 lines (892 loc) · 70.1 KB
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-98DP5VKS42"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-98DP5VKS42");
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>3kh0 | Games, tools, and the loss of braincells.</title>
<meta name="keywords" content="front-end web developer, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git" />
<meta property="og:title" content="Personal page of 3kh0" />
<meta property="og:site_name" content="Front-end Web Developer" />
<meta property="og:description" content="Front-end Web Developer - working toward Responsive Web Design, JavaScript frameworks, CSS animation, and precompilers." />
<meta name="description" content="Front-end Web Developer - working toward Responsive Web Design, JavaScript frameworks, CSS animation, and precompilers." />
<meta name="author" content="3kh0" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
<style>
.hcb-comment-body {
color: white;
}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: #000000;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
max-width: 300px;
border-radius: 10px;
background-color: #2b2b2b;
text-align: center;
font-family: arial;
}
a {
text-decoration: none;
font-size: 22px;
color: black;
}
.header {
border: 16px solid DodgerBlue;
border-radius: 16px;
}
.text1 {
font-size: 50px;
}
.line {
border-radius: 4px;
border: 4px solid DodgerBlue;
}
.white {
color: white;
}
.black {
color: black;
}
.desc {
color: gray;
font-size: 16px;
padding: 5px;
}
button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
border-radius: 10px;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
font-size: 18px;
}
.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
align-content: center;
}
.flex-container > div {
margin: 1px;
padding: 3px;
}
.hcb-comment-body {
color: white;
font-family: 'Montserrat';
}
.thumb {
border-radius: 10px;
}
button:hover,
a:hover {
opacity: 0.7;
}
.center {
margin: auto;
width: 60%;
border: 0px solid #73ad21;
padding: 10px;
}
.centertxt {
text-align: center;
border: 0px solid green;
}
</style>
</head>
<body onload="check();">
<div id="particles-js"></div>
<div class="container">
<div class="box__row">
<div data-cell="1" class="box__row-cell">
<div class="box__row-cell-info"><p class="box__row-cell-info-title">About Me</p></div>
<div class="box__row-cell-info"><div class="box__row-cell-info-sign"></div></div>
<div class="box__row-cell-info--full"><h1 class="box__row-cell-info--full-heading">About Me</h1></div>
</div>
<div data-cell="2" class="box__row-cell">
<div class="box__row-cell-info"><p class="box__row-cell-info-title">Skills</p></div>
<div class="box__row-cell-info"><div class="box__row-cell-info-sign"></div></div>
<div class="box__row-cell-info--full"><h1 class="box__row-cell-info--full-heading">Skills</h1></div>
</div>
</div>
<div class="box__row">
<div data-cell="3" class="box__row-cell">
<div class="box__row-cell-info"><p class="box__row-cell-info-title">Miscellaneous</p></div>
<div class="box__row-cell-info"><div class="box__row-cell-info-sign"></div></div>
<div class="box__row-cell-info--full"><h1 class="box__row-cell-info--full-heading">Miscellaneous</h1></div>
</div>
<div data-cell="4" class="box__row-cell">
<div class="box__row-cell-info"><p class="box__row-cell-info-title">Projects</p></div>
<div class="box__row-cell-info"><div class="box__row-cell-info-sign"></div></div>
<div class="box__row-cell-info--full"><h1 class="box__row-cell-info--full-heading">Projects</h1></div>
</div>
</div>
<div data-content="1" class="box__content">
<div class="box__content-wrapper">
<div class="box__content-inner">
<div class="box__content-text">
<h2 class="box__content-text-heading">Who the hell is 3kh0?</h2>
<p class="box__content-text-par"></p>
<p class="box__content-text-par">
Wait, people read this? Ok, I guess. I started coding with scratch and, I got into basic HTML by editing documents and displaying them in the browser. I started my Github account not knowing anything about
Git or how anything works. I left the account inactive for nearly 2 years, came back knowing what Git was then got back into my account. I learned how Github Pages works and started publishing my JavaScript
games on there. I also took requests from users on any existing games I should add to the site. My website because an "unblocked games" hub pretty quick, and I was fine with it. The site was mainly for my
school but I wanted to see more stats on the site, so I activated Google Analytics and kept watch on the information. I placed ads on the site looking to make a quick buck but the ads slowed loading times
down to the seconds and it made the site more confusing and less user-friendly. I made the decision to remove all ads from the site lowering the average load time from 18 seconds to sub-second loading. Then
the popularity of the site exploded. It was not just my school, I had people from the UK, China, Germany, Australia, Sweden, and more connecting to my website on weekdays, most people were from Chromebooks, I
connected with some of my users, helping them gain access to blocked stuff and learning how to manipulate loopholes in firewalls. Soon I will place ads on my site due to the fact I really need the money and I
promise that the ads will not be intrusive and I will try to keep page load times as fast as possible! Join my discord for updates on the site and be the first to know when new games come out!
</p>
<p class="box__title-par"></p>
<a href="https://namemc.com/profile/3kh0_.1"> <img alt="minecraft" src="https://img.shields.io/badge/-Minecraft-db1f29?style=?style=flat-social&logo=mojangstudios&logoColor=white" /> </a>
<a href="https://open.spotify.com/user/z3dlpi0cfntezy77ypqi8xass"> <img alt="spotify" src="https://img.shields.io/badge/-Spotify-1DB954?style=?style=flat-social&logo=spotify&logoColor=white" /> </a>
<a href="https://twitch.tv/3kh0_live"> <img alt="twitch" src="https://img.shields.io/badge/-Twitch-6441a5?style=?style=flat-social&logo=twitch&logoColor=white" /> </a>
<a href="https://www.reddit.com/user/3kh0_reddit"> <img alt="reddit" src="https://img.shields.io/badge/-Reddit-FF4500?style=?style=flat-social&logo=reddit&logoColor=white" /> </a>
<a href="https://discord.com/invite/vF8BncMhHU"> <img alt="discord" src="https://img.shields.io/badge/-Discord-7289DA?style=?style=flat-social&logo=discord&logoColor=white" /> </a>
<a href="https://github.com/3kh0"> <img alt="github" src="https://img.shields.io/badge/-Github-333333?style=?style=flat-social&logo=github" /> </a>
<a href="https://twitter.com/3kh0_"> <img alt="twitter" src="https://img.shields.io/badge/-Twitter-1DA1F2?style=?style=flat-social&logo=twitter&logoColor=white" /> </a>
<a href="https://steamcommunity.com/id/3kh0_/"> <img alt="steam" src="https://img.shields.io/badge/-Steam-171a21?style=%253Fstyle=flat-social&logo=steam&logoColor=white" /> </a>
</div>
</div>
</div>
</div>
<div data-content="2" class="box__content">
<div class="box__content-wrapper">
<div class="box__content-inner">
<div class="box__content-text">
<h2 class="box__content-text-heading">Programming languages, development tools & CMS</h2>
<img width="100" height="100" alt="html" src="img/html.png" /> <img width="100" height="100" alt="css" src="img/css.png" /> <img width="100" height="100" alt="js" src="img/js.png" />
<img width="100" height="100" alt="git" src="img/git.png" /> <img width="100" height="100" alt="md" src="img/md.png" /> <img width="100" height="100" alt="c" src="img/c.png" />
<img width="100" height="100" alt="c++" src="img/c++.png" /> <img width="100" height="100" alt="bash" src="img/bash.png" /> <img width="100" height="100" alt="python" src="img/python.png" />
<img width="100" height="100" alt="sass" src="img/sass.png" />
<h2 class="box__content-text-heading">Software and services</h2>
<img width="100" height="100" alt="sublime" src="img/sublime.png" /> <img width="100" height="100" alt="vscode" src="img/vscode.png" /> <img width="100" height="100" alt="docker" src="img/docker.png" />
<img width="100" height="100" alt="duck" src="img/duck.png" /> <img width="100" height="100" alt="github" src="img/github.png" /> <img width="100" height="100" alt="firefox" src="img/firefox.png" />
<h2 class="box__content-text-heading">OS</h2>
<img width="100" height="100" alt="windows" src="img/windows.png" /> <img width="100" height="100" alt="ubuntu" src="img/ubuntu.png" /> <img width="100" height="100" alt="kali" src="img/kali.svg" />
</div>
</div>
</div>
</div>
<div data-content="3" class="box__content">
<div class="box__content-wrapper">
<div class="box__content-inner">
<div class="box__content-text">
<h2 class="box__content-text-heading">Miscellaneous</h2>
<div style="font-size: 14px;"><a href="/dump/proxies" style="color: #4036ff;font-size: 18px;">Proxies</a></div>
<div style="font-size: 14px;"><a href="/dump/bookmarklets" style="color: #4036ff;font-size: 18px;">Bookmarklets</a></div>
<div style="font-size: 14px;"><a href="/dump/changelog.txt" style="color: #4036ff;font-size: 18px;">Changelog</a></div>
<div style="font-size: 14px;"><a href="/dump/img2txt" style="color: #4036ff;font-size: 18px;">img2txt</a></div>
<div style="font-size: 14px;"><a href="/dump/people.txt" style="color: #4036ff;font-size: 18px;">Nice people</a></div>
</div>
</div>
</div>
</div>
<div data-content="4" class="box__content">
<div class="box__content-wrapper">
<div class="box__content-inner">
<div class="box__content-text">
<h2 class="box__content-text-heading">Always in progress...<br><div style="font-size: 14px;">Have a suggestion? <a href="https://forms.gle/NKVXwTiRoUbcA7v88" style="color: #4036ff;font-size: 14px;">Enter it here!</a></div></h2>
<h3 style="color: #fff; font-size: 24px;">Icon key</h3>
<p style="color: #fff; font-size: 18px;">
- <i class="fa-solid fa-mobile-screen-button"></i> Supported on tablets and phones.<br>
- <i class="fa-solid fa-keyboard"></i> Supported on laptops and desktops.<br>
- <i class="fa-solid fa-download"></i> Offline support <a style="font-size: 18px; color: aqua;" href="https://github.com/3kh0/3kh0.github.io/wiki/What-is-a-PWA-and-how-can-I-use-them%3F">Read more</a>.<br>
</p>
<div class="flex-container">
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/1/meta/apple-touch-icon.png" alt="1" />
<h1 style="color: black;">1</h1>
<p class="desc">Divide the numbers and get to the 1 tile! This an absurd version of the orginal hit game, 2048! Any 2048 AI would be very confused.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/1/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/2048/2048.png" alt="2048" />
<h1 style="color: black;">2048</h1>
<p class="desc">Use your arrow keys to move the tiles. When two tiles with the same number touch, they merge into one! Try and get to the 2048 tile and you win!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/2048/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/cupcake2048/meta/apple-touch-icon.png" alt="cupcake" />
<h1 style="color: black;">2048 Cupcakes</h1>
<p class="desc">Play 2048 but now it has cupcakes! Merge two alike cupcakes together to get a even better one! Can you get the 2048 cupcake? Play and find out!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/cupcake2048/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/9007199254740992/logo-4.png" alt="9007199254740992" />
<h1 style="color: black;">9007199254740992</h1>
<p class="desc">The real 2048 is now 9007199254740992. We also have a auto mover AI to help you get there quicker. You can just leave this running.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/9007199254740992/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/among-us/img/red.png" alt="among us" />
<h1 style="color: black;">Among Us</h1>
<p class="desc">Among Us is a game of teamwork and betrayal. Crewmates work together to complete tasks before one or more Impostors can kill everyone aboard.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/among-us/'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/basketball-stars/assets/images/basketball-stars.png" alt="basketball stars" />
<h1 style="color: black;">Basketball Stars</h1>
<p class="desc">Play a simple game of 2D basketball! Be some of the top basketball players and score with style! Play with a friend or a computer, its your game!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/basketball-stars/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/chill-radio/img/icon.png" alt="chill-radio" />
<h1 style="color: black;">Chill Radio</h1>
<p class="desc">Welcome to Chill Radio, 24/7 music designed for studying/reading/relaxing and everything in between. No ads or anything! Just perfect music!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/chill-radio/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/chrome-dino/icons/icon-256.png" alt="chrome dino" />
<h1 style="color: black;">Chrome Dino</h1>
<p class="desc">No internet? No problem! Play this little dinosaur game even if it is blocked for you! What will be your highscore? Now with PWA support!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
<i class="fa-solid fa-download"></i>
</div>
<button class="white" onclick="window.location.href='/projects/chrome-dino/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/cookie-clicker/cookie1.jpeg" alt="cookie clicker" />
<h1 style="color: black;">Cookie Clicker</h1>
<p class="desc">The most iconic online clicker game to be made on the web. Click the cookie, take over the earth, and control the universe.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/cookie-clicker/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/craftmine/images/craftmine.png" alt="craft mine" />
<h1 style="color: black;">CraftMine</h1>
<p class="desc">Play one of the most high-quality ripoffs of Minecraft! You can be Steve or Alex in a 2D world! How long can you survive for?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/craftmine/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/ctr/logo.png" alt="Cut the Rope" />
<h1 style="color: black;">Cut the Rope</h1>
<p class="desc">Cut the rope is a fun physics driven puzzle game created by Russian entertainment company ZeptoLab, and is highly addictive!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/ctr/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/ctr-tr/logo.png" alt="ctr-tr" />
<h1 style="color: black;">CTR: Time Travel</h1>
<p class="desc">Join Om Nom as he travels back in time to feed his ancestors with candy. This is a completely new adventure filled with candy!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/ctr-tr/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/cubefield/assets/icon.png" alt="cubefield" />
<h1 style="color: black;">Cubefield</h1>
<p class="desc">Cubefield is a simple but addictive game, there are only two controls – left and right. It a cube and your done! Want to try?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/cubefield/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/death-run-3d/img/death.png" alt="death-run-3d" />
<h1 style="color: black;">Death run 3D</h1>
<p class="desc">You fly inside a tube with various blocks and almost each of them is movable. Your task is avoid them and not crash. How far can you go in this crazy game?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/death-run-3d/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/doge2048/img/212/doge-gradient-212.gif" alt="doge2048" />
<h1 style="color: black;">Doge 2048</h1>
<p class="desc">2048 but with DOGE!!! Swipe or use WASD, arrowkeys to merge the doges! Can you get all 11 doges? Lets find out! Good for mobile!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/doge2048/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/DogeMiner/img/dogeminer_300x300.png" alt="DogeMiner" />
<h1 style="color: black;">DogeMiner</h1>
<p class="desc">Play one of the most iconic clicker games in the crypto community. Inspired by Dogecoin! Mine Dogecoin to go the the moon and beyond!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/DogeMiner/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/doodle-jump/doodle.png" alt="doodle-jump" />
<h1 style="color: black;">Doodle Jump</h1>
<p class="desc">Play this simple game named Best of 2015 by Google Play editors. And be warned: this game is insanely addictive! How high can you go?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/doodle-jump/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/draw-the-hill/icons/icon-512.png" alt="draw the hill" />
<h1 style="color: black;">Draw the hill</h1>
<p class="desc">Draw a path for your car to travel. Use your mouse or draw with your finger. Collect coins along the way and visit the shope to buy stuff!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/draw-the-hill/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/evil-glitch/evil.png" alt="evil-glitch" />
<h1 style="color: black;">Evil Glitch</h1>
<p class="desc">Fight off dangerous computer viruses trying to destroy the internet without being destroyed yourself! The ultimate computer war is about to begin.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/evil-glitch/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/fake-virus/icon.png" alt="fake virus" />
<h1 style="color: black;">Fake virus</h1>
<p class="desc">Troll your friends with this fake virus prank! Just open this page, full screen it, and wait for their reaction! Note: this is not an actual virus!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/fake-virus/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/flappy-2048/meta/apple-touch-icon.png" alt="flappy-2048" />
<h1 style="color: black;">Flappy 2048</h1>
<p class="desc">Jump through the tiles and get to 2048! Click or press any key to jump. This may be the hardest game ever.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/flappy-2048/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/google-snake/snake.png" alt="google-snake" />
<h1 style="color: black;">Google Snake</h1>
<p class="desc">It is here at last! Google Snake! Play this fun game made by google! Click on the icons to play how you want!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/google-snake/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/hackertype/logo192.png" alt="hackertype" />
<h1 style="color: black;">Hacker Typer</h1>
<p class="desc">Trick your friends into thinking you are hacking into the FBI or some other government agency with this little tool. This does not hack anything!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/hackertype/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/HexGL/icon_128.png" alt="HexGL" />
<h1 style="color: black;">HexGL</h1>
<p class="desc">This is a wonderful futuristic racing game made with WebGL. It was made by bkcore. How fast can you complete it?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/HexGL/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/idle-breakout/img/thumbnail.png" alt="slope" />
<h1 style="color: black;">Idle Breakout</h1>
<p class="desc">Build the ultimate brick-busting machine to destroy lots of bricks. Idle breakout combines classic brick breaking with an addicting idle loop.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/idle-breakout'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/idle-shark/img/sharkgame.png" alt="idle-shark" />
<h1 style="color: black;">Idle Shark</h1>
<p class="desc">Build your aquatic realm! Collect different creatures to work for you and train them to increase their profits and explore other dimensions!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/idle-shark/'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/meme2048/img/rickroll.gif" alt="meme2048" />
<h1 style="color: black;">Meme 2048</h1>
<p class="desc">Use your arrow keys to move the tiles. When two tiles with the same meme touch, they merge into one! How many different memes can you get?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/meme2048/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/minecraft-classic/pack.png" alt="minecraft-classic" />
<h1 style="color: black;">Minecraft Classic</h1>
<p class="desc">Play a old version of minecraft in your browser! You can also send a link to your friends so they can join your game and play with you!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/minecraft-classic/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/minesweeper/flag.png" alt="Minesweeper" />
<h1 style="color: black;">Minesweeper</h1>
<p class="desc">Play one of the first games to be made on the computer. Customize the spawn rates of bombs, the size of the board to your liking!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/minesweeper/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/missiles/miss.png" alt="missiles" />
<h1 style="color: black;">Missiles</h1>
<p class="desc">Just a simple game about putting missiles in holes, what could go wrong? Play this smooth game that was made with JavaScript and using SVGs.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/missiles/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/n-gon/bot.png" alt="n-gon" />
<h1 style="color: black;">n-gon</h1>
<p class="desc">A simple 2-d physics rogue-lite platformer shooter. Starts simple and gets really confusing with stuff, play it today! Made with no art skills.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/n-gon/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/ninja/logo1.png" alt="ninja" />
<h1 style="color: black;">Ninja</h1>
<p class="desc">A simple game inspired by fruit ninja. Smash the cubes and get the best highscore. Play normal mode or relax and play casual mode.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/ninja/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/ns-shaft/favicon.png" alt="ns-shaft" />
<h1 style="color: black;">NS-Shaft</h1>
<p class="desc">NS-Shaft is a Japanese game by NAGI-P Soft. You need to go down as many floors as possible without dying. How low can you go?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/ns-shaft/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/particle-clicker/assets/mobile/original.png" alt="particle-clicker" />
<h1 style="color: black;">Particle Clicker</h1>
<p class="desc">An very addictive incremental clicker game that teaches the players the history of high energy particle physics! Complex stuff!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/particle-clicker/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/polybranch/img/pic1.png" alt="polybranch" />
<h1 style="color: black;">Polybranch</h1>
<p class="desc">Avoid the braches, and make it as far as possible! The game is easy but it starts speeding up. How long can you last? Also try Missiles!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/polybranch/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/push-your-luck/assets/img/push.png" alt="push-your-luck" />
<h1 style="color: black;">Push Your Luck</h1>
<p class="desc">Welcome to the Push Your Luck game show, a cool way to learn about probability! It is now time push your luck!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/push-your-luck/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/retro-bowl/img/icon.jpg" alt="retro bowl" />
<h1 style="color: black;">Retro Bowl</h1>
<p class="desc">Are you ready to manage your dream team into victory? Expand your roster, take care of your duties to keep your team and fans happy.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/retro-bowl/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/rooftop-snipers/img/thumb.png" alt="rooftop-snipers" />
<h1 style="color: black;">Rooftop Snipers</h1>
<p class="desc">Rooftop Snipers is a pixel-style shooting game where you have to shoot famous characters off of the roof. You can play in single or two-player mode!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/rooftop-snipers/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/sand-game/sand.png" alt="sand game" />
<h1 style="color: black;">Sand game</h1>
<p class="desc">Experiment with elements and design fountains, missiles, and thingamajig! Play with C4, acid, gunpower, and oil! The possibilities are truly endless.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/sand-game/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/slope/slope4.jpeg" alt="slope" />
<h1 style="color: black;">Slope</h1>
<p class="desc">This is a simple game, dont touch the red. Thats what you think, until everything gets faster and faster. Will you beat the record of 6969?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/slope/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/snowbattle/img/logo.png" alt="snowbattle" />
<h1 style="color: black;">SnowBattle.io</h1>
<p class="desc">This is a fun multiplayer fighting game in which you must compete in an epic snow fight! You must gather snow and knock others out into the water!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/snowbattle/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/soundboard/img/mlg-favicon.png" alt="soundboard" />
<h1 style="color: black;">Soundboard</h1>
<p class="desc">A collection of sounds to play out of context. Perfect for school! Play the sounds during class and I bet the teacher will love it!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/soundboard/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/stack/stack.png" alt="stack" />
<h1 style="color: black;">Stack</h1>
<p class="desc">Play this very simple and highly addictive game called Stack! Stack the blocks as high as you can! Can you get 100?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/stack/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/stack-bump-3d/thumbnail.jpg" alt="stack bump 3d" />
<h1 style="color: black;">Stack Bump 3D</h1>
<p class="desc">Welcome to Stack Bump 3d! Shoot up the tower to its last block and move on with the next tower. How far can you go without hitting the black blocks?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/stack-bump-3d/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/swerve/img/favicon.jpg" alt="swerve" />
<h1 style="color: black;">Swerve</h1>
<p class="desc">Get into the driver's seat and become the fastest driver around with this fast-paced JavaScript web game powered by the PlayCanvas WebGL game engine.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/swerve/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/tank-trouble-2/tank.jpeg" alt="tank-trouble-2" />
<h1 style="color: black;">Tank Trouble 2</h1>
<p class="desc">Play with upto 4 different players in this action-packed game. Now with powerups and custom designers, you need to play this game!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/tank-trouble-2/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/temple-run-2/img/alt.png" alt="temple run" />
<h1 style="color: black;">Temple Run 2</h1>
<p class="desc">Play one of the top mobile games made by Imangi Studios right in your browser! Run as you are being chased, how far will you go?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/temple-run-2/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/tetris/media/background/tetris.png" alt="tetris" />
<h1 style="color: black;">Tetris</h1>
<p class="desc">The the classic Russian game, Tetris. How long can you last? Will you get to level 10? Lets find out how good you really are! Controls are customizable.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/tetris/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/there-is-no-game/logo.png" alt="there-is-no-game" />
<h1 style="color: black;">There is no game</h1>
<p class="desc">What ever you do, do not click on the button below saying launch project. There is nothing at all. Please play the game below me. It is way better.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/there-is-no-game/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/townscaper/img/cover.jpg" alt="minecraft-classic" />
<h1 style="color: black;">Townscaper</h1>
<p class="desc">Build quaint island towns with curvy streets, small hamlets, soaring cathedrals, canal networks, or sky cities on stilts! Create your city now!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/townscaper/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/tunnel-rush/img/tunnel.jpg" alt="tunnel-rush" />
<h1 style="color: black;">Tunnel Rush</h1>
<p class="desc">Tunnel Rush is a crazy game that will test your speed and reaction. Use the arrows or a and d to bypass moving obstacles in the tunnel.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/tunnel-rush/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/tv-static/static.png" alt="static" />
<h1 style="color: black;">TV Static</h1>
<p class="desc">Trick your friends into thinking they have lost signal on their computer or something. Just open this page, fullscreen, and wait for their reaction!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/tv-static/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/vex3/vex3.png" alt="vex3" />
<h1 style="color: black;">Vex 3</h1>
<p class="desc">Vex 3 is the third platform game in the Vex series. Each level is a labyrinth of deadly devices and traps. How fast can you beat each level?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/vex3/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/vex4/vex4.png" alt="vex4" />
<h1 style="color: black;">Vex 4</h1>
<p class="desc">Vex 4 is the fourth platform game in the Vex series. Each level is a labyrinth of deadly devices and traps. How fast can you beat each level?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/vex4/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/vex5/vex.jpeg" alt="vex5" />
<h1 style="color: black;">Vex 5</h1>
<p class="desc">Vex 5 is the fifth platform game in the Vex series. Each level is a labyrinth of deadly devices and traps. How fast can you beat each level?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/vex5/index.html'">Launch Project</button>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="projects/zombs-royale/zomb.png" alt="zombs-royale" />
<h1 style="color: black;">Zombs Royale</h1>
<p class="desc">Play Zombs Royale - 100 player 2D real-time massive multiplayer Battle Royale game in your browser, inspired by PUBG/Fortnite.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<button class="white" onclick="window.location.href='/projects/zombs-royale/index.html'">Launch Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box__close"></div>
<div class="box__title">
<h1 class="box__title-heading">
3kh0 aka<br />
<span id="name">Echo</span>
</h1>
<h3>Web Developer</h3>
<h4><a style="color: white;font-size: 15px;" href="/comments.html">Comments closed :(</a><br>
<a style="color: #73ad21;font-size: 15px;" href="/projects/google-snake/index.html">Google Snake!</a>
<div class="wrapper-img"><img style="width: 200px; height: 200px;" src="/img/double.png" alt="" /><img class="img-hide" style="width: 200px; height: 200px;" src="/img/double2.gif" alt="" /></div>
</div>
<div class="copyright">
<p>© Echo, 2022. Unauthorized use and/or duplication of this material without permission from Echo is strictly prohibited. Excerpts and links may be used, provided that clear credit is given with a link to the original content.</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="js/main.js"></script>
<script src="js/particles.js"></script>
</body>
</html>