-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
2080 lines (2080 loc) · 127 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
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
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<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, unblocked, games, google sites, unblocked games mom, ublocked, 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="3kh0.github.io" />
<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="icon" type="image/x-icon" href="/favicon.ico" />
<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;
}
.project {
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;
}
.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>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5756835229788588" crossorigin="anonymous"></script>
</head>
<body>
<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.gg/wv6huJAwEv"> <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><a href="https://discord.gg/N7R82Dcq6v" style="color: #4036ff; font-size: 18px;">Our Discord</a></div>
<div><a href="//github.com/Blooketware/BlooketUI" style="color: #4036ff; font-size: 18px;">BlooketUI</a></div>
<div><a href="/dump/rift.html" style="color: #4036ff; font-size: 18px;">The Rift</a></div>
<div><a href="/dump/proxies.html" style="color: #4036ff; font-size: 18px;">Proxies</a></div>
<div><a href="/dump/bookmarklets.html" style="color: #4036ff; font-size: 18px;">Bookmarklets</a></div>
<div><a href="/dump/changelog.txt" style="color: #4036ff; font-size: 18px;">Changelog</a></div>
<div><a href="/dump/img2txt.html" style="color: #4036ff; font-size: 18px;">img2txt</a></div>
<div><a href="/dump/tab-cloak.html" style="color: #4036ff; font-size: 18px;">Tab Cloak</a></div>
<div><a href="/dump/privacy.html" style="color: #4036ff; font-size: 18px;">Privacy Policy</a></div>
<div><a href="/dump/search.html" style="color: #4036ff; font-size: 18px;">Search bar</a></div>
<div><a href="/dump/about-blank-embed.html" style="color: #4036ff; font-size: 18px;">about:blank embedder</a></div>
<div><a href="/dump/contributors.html" style="color: #4036ff; font-size: 18px;">Repo Contributors</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 />
</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>
<!-- TEMPLATE (anything in CAPS is a placeholder)
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="LOCALLY_STORED_LOGO" alt="TITLE" />
<h1 style="color: white;">TITLE</h1>
<p class="desc">DESCRIPTION</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
<i class="fa-solid fa-download"></i>
</div>
<a class="project" href="/projects/TITLE/index.html">Launch Project</a>
</div>
</div>
-->
<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: white;">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>
<a class="project" href="/projects/1/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/1v1space/splash.png" alt="1v1space" />
<h1 style="color: white;">1v1.space</h1>
<p class="desc">This is just a game made by one of my friends, and it has multiplayer support! Please ignore all of the "vip" messages in the one player.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/1v1space/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/2048/2048.png" alt="2048" />
<h1 style="color: white;">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>
<a class="project" href="/projects/2048/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/9007199254740992/logo-4.png" alt="9007199254740992" />
<h1 style="color: white;">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>
<a class="project" href="/projects/9007199254740992/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/achievementunlocked/achievementunlocked.png" alt="Achievement Unblocked" />
<h1 style="color: white;">Achievement Unlocked</h1>
<p class="desc">Do stuff and get achievements! (That's basically it)</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/achievementunlocked">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/acidbunny/acidbunny.jpeg" alt="Acid Bunny" />
<h1 style="color: white;">Acid Bunny</h1>
<p class="desc">Your a bunny who accidently chopped your friend's head off. It up to you to fix it by finding a needle and a lot of thread.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/acidbunny">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/adrenalinechallenge/adrenalinechallenge.jpg" alt="adrenalinechallenge" />
<h1 style="color: white;">Adrenaline Challenge</h1>
<p class="desc">This extreme sports game lets you play as a dude going through different tracks in his dirt bike while taking on a timed challenge. Do you have what it takes to finish each course?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/adrenalinechallenge/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/ageofwar/ageofwar.png" alt="age-of-war" />
<h1 style="color: white;">Age Of War</h1>
<p class="desc">Age of War is a strategy game where you try to maintain a balance of defneding your base and attacking the base of the enemy. Can you evolve to the last age without losing?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/ageofwar/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/alienhominid/alienhominid.png" alt="alien hominid" />
<h1 style="color: white;">Alien Hominid</h1>
<p class="desc">Your an alien who just crash landed on earth with nothing but your blaster. Now you must escape the Government and shoot your way thorugh 16 diffrent stages.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/alienhominid/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/among-us/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/avalanche/avalanche.png" alt="Avalanche" />
<h1 style="color: white;">Avalanche</h1>
<p class="desc">Avoid falling blocks in the air while climbing up the fallen ones to avoid the rising poison!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/avalanche">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/backrooms/img/splash.jpg" alt="backrooms" />
<h1 style="color: white;">The Backrooms</h1>
<p class="desc">The Backrooms brings a bad feeling of being lost in endless piles of empty rooms with fluorescent lights at full hum-buzz. Can you make it out?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/backrooms/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/basketball-stars/assets/images/basketball-stars.png" alt="basketballstars" />
<h1 style="color: white;">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>
<a class="project" href="/projects/basketball-stars/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/thebattle/thebattle.png" alt="TheBattle" />
<h1 style="color: white;">The Battle</h1>
<p class="desc">Your objective is to create an army with the limited money you possess and to wipe out the enemy and their fortress!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/thebattle">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/battleforgondor/battleforgondor.jpg" alt="BattleForGondor" />
<h1 style="color: white;">Battle For Gondor</h1>
<p class="desc">Complete the missions you're assigned in each level. You're the commander, so it's your duty to purchase and upgrade your army. </p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/battleforgondor">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/bigredbutton/bigredbutton.png" alt="BigRedButton" />
<h1 style="color: white;">Big Red Button</h1>
<p class="desc">Complete the missions you're assigned in each level. You're the commander, so it's your duty to purchase and upgrade your army. </p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/bigredbutton">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/blackknight/blackknight.png" alt="BlackKnight" />
<h1 style="color: white;">Black Knight</h1>
<p class="desc">The Black Knight: Get Medieval is a fun smash and attack game in which you control the legendary black knight! (Wow that sounds racist!)</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/blackknight">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/bloons/bloons.jpg" alt="Bloons" />
<h1 style="color: white;">Bloons</h1>
<p class="desc">Play the original game that started the Bloons franchise!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/bloons">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/bloonstd/bloonstd.jpg" alt="BloonsTD1" />
<h1 style="color: white;">Bloons TD 1</h1>
<p class="desc">Play the 1st ever Bloons TD game!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/bloonstd">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/bloonstd2/bloonstd2.png" alt="BloonsTD2" />
<h1 style="color: white;">Bloons TD 2</h1>
<p class="desc">Play the second installation in the Bloons TD series!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/bloonstd2">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/bloxors/block.png" alt="bloxors" />
<h1 style="color: white;">Bloxors</h1>
<p class="desc">Play the awesome puzzle game created by Miniclip in 2007! Can you make the block fall into the hole without falling over the edge?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/bloxors/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/boxhead2play/boxhead2play.jpg" alt="Boxhead 2Play" />
<h1 style="color: white;">Boxhead 2 Play</h1>
<p class="desc">Play the 4th Boxhead game, now with 2 player support!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/boxhead2play">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/btts/images.png" alt="btts" />
<h1 style="color: white; font-size: 27px;">Big Tower Tiny Square</h1>
<p class="desc">Dodge bullets and leap over lava pits as you make your way to the top of the tower to save your pineapple. Don't ask why!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
<i class="fa-solid fa-download"></i>
</div>
<a class="project" href="/projects/btts/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/cannon-basketball-4/img/splash.png" alt="cannon-basketball-4" />
<h1 style="color: white; font-size: 29px;">Cannon Basketball 4</h1>
<p class="desc">Use your mouse to aim and shoot the cannon. Use the guide to get a ball into the net with as few attempts as possible!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/cannon-basketball-4/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/canyondefense/canyondefense.png" alt="Canyon Defense" />
<h1 style="color: white;">Canyon Defense</h1>
<p class="desc">Canyon Defense is a fun tower defense game like Bloons TD!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/canyondefense">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/cell-machine/img/te9nDu.png" alt="cell-machine" />
<h1 style="color: white;">Cell Machine</h1>
<p class="desc">Arrange the cells. Build giant machines. Destroy all of the enemies. That is what you do in a game by Sam Hogan! Play Cell Machine today!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/cell-machine/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/championarcher/championarcher.png" alt="Champion Archer" />
<h1 style="color: white;">Champion Archer</h1>
<p class="desc">Champion Archer is a fun & addicting shooter where you play as a stick figure!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/championarcher">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/chill-radio/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/chrome-dino/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/circlo/img/download.png" alt="circlo" />
<h1 style="color: white;">circloO</h1>
<p class="desc">circloO is a physics platformer with circular levels that grow each time you collect a circle. Collect seven circles to complete each level.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/circlo/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/connect3/connect3.png" alt="connect3" />
<h1 style="color: white;">Connect 3</h1>
<p class="desc">This is a game very much like candy crush but worse! Pretty much the only thing missing is all of the moms who are at level 999.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/connect3/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/cookie-clicker/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/craftmine/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/creativekillchamber/creativekillchamber.jpg" alt="Creative Kill Chamber" />
<h1 style="color: white;">Creative Kill Chamber</h1>
<p class="desc">Creative Kill Chamber is a point-and-click adventure with a mission to escape a secure facility filled with heavily armed enemies.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/creativekillchamber">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/csgo-clicker/images/vanguard.png" alt="cs:go clicker" />
<h1 style="color: white;">CS:GO Clicker</h1>
<p class="desc">Enjoy the classic feeling of opening cases in CS:GO, all without spending a dime. Test your luck and see what items you can get!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/csgo-clicker/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/ctr/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/ctr-holiday/Holiday_Gift.webp" alt="Cut the Rope" />
<h1 style="color: white;">CTR: Holiday gift</h1>
<p class="desc">Cut the Rope: Holiday Gift is a free and independent expansion of the excellent puzzle game Cut the Rope.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/ctr-holiday/index.html">Launch Project</a>
</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: white;">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-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/ctr-tr/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/cubefield/assets/icon.png" alt="cubefield" />
<h1 style="color: white;">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? Can you get 1,000,000?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/cubefield/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/cupcake2048/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/deal-or-no-deal/index.jpg" alt="death-run-3d" />
<h1 style="color: white;">Deal or No Deal</h1>
<p class="desc">What's Your Number? Try your luck in finding the $1,000,000 briefcase in the only officially licensed casual game based on the hit TV show!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/deal-or-no-deal/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/death-run-3d/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/defend-the-tank/images/game.jpg" alt="2048" />
<h1 style="color: white;">Defend the Tank</h1>
<p class="desc">Control a team of tough soldiers. Drag and drop soldiers to place them at strategic positions on the tank. Keep the tank alive at all costs.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/defend-the-tank/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/doge2048/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/DogeMiner/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/doodle-jump/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/doublewires/doublewires.png" alt="Double Wires" />
<h1 style="color: white;">Double Wires</h1>
<p class="desc">Double Wires is a ragdoll physics action game where you use double wires to swing like Spiderman to move forward onto the next levels.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/doublewires">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/draw-the-hill/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/ducklife1/ducklife.png" alt="Duck Life" />
<h1 style="color: white;">Duck Life</h1>
<p class="desc">Duck Life is a game where you have to upgrade your duck to race in a point-and-click style!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/ducklife1">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/ducklife2/ducklife2.png" alt="Duck Life 2" />
<h1 style="color: white;">Duck Life 2</h1>
<p class="desc">Duck Life 2 is a continuation of the Duck Life series featuring more stats, features, and gameplay mechanics!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/ducklife2">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/ducklife3/duck.png" alt="ducklife3" />
<h1 style="color: white;">Duck life 3</h1>
<p class="desc">Duck Life 3 is a duck racing game featuring powerful genetically modified ducks that evolve as you progress. Make the most powerful duck!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/ducklife3/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/ducklife4/splash.jpg" alt="ducklife4" />
<h1 style="color: white;">Duck Life 4</h1>
<p class="desc">Duck Life 4 is the best duck racing game set after the ban on genetically modified ducks. Beat the master duck before its too late!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/ducklife4/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/edgenotfound/edge.png" alt="edgenotfound" />
<h1 style="color: white;">Edge not Found</h1>
<p class="desc">Edge not Found: A puzzle game set on an infinitely repeating grid. Push the boxes to the targets in puzzles. By Tom Hermans (@Auroriax) for js13k 2020</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/edgenotfound/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/elasticman/elasticman.jpg" alt="Elastic Man" />
<h1 style="color: white;">Elastic Man</h1>
<p class="desc">Elastic Man is a game where you stretch the skin of Morty from Rick & Morty, Who doesn't love stretching face skin!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/elasticman">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/endlesswar3/endlesswar3.png" alt="Endless War 3" />
<h1 style="color: white;">Endless War 3</h1>
<p class="desc">Play as a soldier and defeat each campaign in this strategy fighting game!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/endlesswar3">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/ezr2/endlesszombierampage2.jpg" alt="Endless Zombie Rampage 2" />
<h1 style="color: white;">Endless Zombie Rampage 2</h1>
<p class="desc">The endless rampage continues to no end. Re-kill zombies, do missions, and upgrade weapons!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/ezr2">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/evil-glitch/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/exo/img/small.jpg" alt="exo" />
<h1 style="color: white;">Exo</h1>
<p class="desc">Exo is a space themed Tower Defence! Protect your solar system with different platforms and use satellites to expand! Play this game today!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/exo/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/factoryballs/images/favicon.ico" alt="exo" />
<h1 style="color: white;">Factory Balls</h1>
<p class="desc">You've been hired by the ball factory to create amazing designs. Can you succeed figure out how to make the balls correctly?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/factoryballs/index.html">Launch Project</a>
</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: white;">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>
<a class="project" href="/projects/fake-virus/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/fancypantsadventure/fancypantsadventure.png" alt="fancy pants adventure" />
<h1 style="color: white;">Fancy Pants Adventure</h1>
<p class="desc">Race through many levels in your pair of fancy pants fighting monsters. Can you beat the entire thing?</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/fancypantsadventure">Launch Project</a>
</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: white;">Flappy 2048</h1>
<p class="desc">Jump through the different tiles and get to 2048! Click or press any key to jump. This may be the hardest game you have ever played, I am sure of it!</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-mobile-screen-button"></i>
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/flappy-2048/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/flappy-bird/assets/thumb.png" alt="flappy-bird" />
<h1 style="color: white;">Flappy Bird</h1>
<p class="desc">Click on the screen, or use your spacebar to get started. Fly the bird as far as you can without hitting a pipe. If you do you lose, how far 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>
<a class="project" href="/projects/flappy-bird/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/flashtetris/flashtetris.png" alt="Flash Tetris" />
<h1 style="color: white;">Flash Tetris</h1>
<p class="desc">Play the tetris port made by Paul Neave! (Flash Tetris is an early version of Tetris N-Blox!)</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/flashtetris">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/game-inside/img/display.png" alt="game-inside" />
<h1 style="color: white; font-size: 28px;">Game inside a Game</h1>
<p class="desc">Game inside a Game is a tricky platformer game with a simple goal - take the orange square to the green square before running out of moves.</p>
<div style="margin: 24px 0;">
<i class="fa-solid fa-keyboard"></i>
</div>
<a class="project" href="/projects/game-inside/index.html">Launch Project</a>
</div>
</div>
<div>
<div class="card">
<img class="thumb" width="300" height="300" src="/projects/geodash/geoscratchicon.png" alt="Geometry Dash" />