├── .github └── pull_request_template.md ├── .gitignore ├── CNAME ├── README.md ├── entries.js ├── entries ├── A-tribute-page.html ├── BabyWantsMilk.html ├── Base64toTXT.html ├── Calculator.html ├── Interval.html ├── PiXELCONVERTOR.html ├── RandomColourGenerator.html ├── Sattyam.html ├── Sidhumoosewala-tribute-page.html ├── Snakegame.html ├── Technical-Doc.html ├── Tips-Calculator.html ├── UdhavSudoku.html ├── adjustable-fireworks.html ├── aim-click-challenge.html ├── ant_colony.html ├── ascii-cam.html ├── avoid-the-bikes.html ├── backgroundlight.html ├── birthday-cake.html ├── bits-rain.html ├── blockoverit.html ├── blur-loading-page.html ├── bronchalia.htm ├── building.html ├── button-hover.html ├── calculate_hours_worked.html ├── clock.html ├── color-change-on-hover-objects.html ├── color-grid.html ├── color-quiz.html ├── colorclock.html ├── contact_list.html ├── corona-party.html ├── css-calc.html ├── cupWaterWave.html ├── dancing_man.html ├── date_me_form.html ├── draw-rgb.html ├── fall_game.html ├── fireworks.html ├── fishies.html ├── fools-mate.html ├── fortune-cookie-generator.html ├── game_of_life.html ├── guess_my_number.html ├── hangman.html ├── hilbert-curve.html ├── ip.html ├── just_html.html ├── knfl.html ├── ladner_british_columbia.html ├── magicWand.html ├── mandelbrot.html ├── marching-squares.html ├── meat-on-the-move.html ├── memory-game.html ├── mini_car_game.html ├── movie-list.html ├── my-screen-resolution.html ├── openai-generated-entry.html ├── organs-for-debt.html ├── out_on_a_limb.html ├── ping-pong.html ├── pink-vs-unknowns.html ├── platform.html ├── pure-css-still-life-water-lemon.html ├── quasimono.html ├── randomPassword.html ├── ring-loader.html ├── ripples.html ├── signup_page.html ├── simon-game.html ├── simple-counter.html ├── stopWatch.html ├── strange_insults.html ├── taskListApp.html ├── tic-tac-toe.html ├── tiles.html ├── todo_list.html ├── wargames.html ├── watermelon-pixel.html ├── webmine.html └── whack-a-mole.html ├── index.html └── meta ├── android-icon-144x144.png ├── android-icon-192x192.png ├── android-icon-36x36.png ├── android-icon-48x48.png ├── android-icon-72x72.png ├── android-icon-96x96.png ├── apple-icon-114x114.png ├── apple-icon-120x120.png ├── apple-icon-144x144.png ├── apple-icon-152x152.png ├── apple-icon-180x180.png ├── apple-icon-57x57.png ├── apple-icon-60x60.png ├── apple-icon-72x72.png ├── apple-icon-76x76.png ├── apple-icon-precomposed.png ├── apple-icon.png ├── browserconfig.config ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon-96x96.png ├── favicon.ico ├── ms-icon-144x144.png ├── ms-icon-150x150.png ├── ms-icon-310x150.png ├── ms-icon-310x310.png ├── ms-icon-70x70.png ├── one-html-page-icon.png ├── one-html-page-logo.png ├── promotion-image.png ├── safari-pinned-tab.svg └── site.webmanifest /.github/pull_request_template.md: -------------------------------------------------------------------------------- 1 | **Please confirm that your submission follows all the [rules](https://github.com/Metroxe/one-html-page-challenge/blob/master/README.md#rules)...** 2 | - [ ] You wrote all of your code in 1 single HTML file. 3 | - [ ] Your file is less than 1mb. 4 | - [ ] You didn't import any external files (e.g. images, stylesheets or js files). 5 | - [ ] There are no incoming or outgoing network requests. -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | .vscode 3 | .DS_Store 4 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | onehtmlpagechallenge.com -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![One HTML Page Challenge](./meta/one-html-page-logo.png?raw=true "One HTML Page Challenge")](https://onehtmlpagechallenge.com/) 2 | 3 | The goal is to create anything you want within 1 single html file. Practice your skills with the barebones of web development. **How creative can you be with such restrictions?** 4 | 5 | ### [View Submissions](https://onehtmlpagechallenge.com) 6 | 7 | ## Rules 8 | - You must write all of your code in 1 single HTML file. 9 | - Your file must be less than 1mb (measured by the file size on github). 10 | - You cannot import any external files (this means you cannot import images, stylesheets or js files from external sources). 11 | - Due to the nature of hiding lots of functionality behind APIs, you cannot have any incoming or outgoing network requests. 12 | - You are allowed to use libraries, however the library must be hard coded into a script tag and still must fit under the 1MB file size. (I suggest using a cdn and replacing with hardcoding the minified library at the end, or use [JSCompress](https://jscompress.com/)). 13 | 14 | ## How to Submit 15 | 1. Fork the repository. 16 | 2. Add your html file to the `/entries` directory. 17 | 3. Edit the `entries.js` file in the root, with your information for the entry. 18 | 4. Commit to your forked repo. 19 | 5. Make a pull request to master from your forked repo. 20 | 21 | _* You may submit as many entries as you'd like._ 22 | 23 | ## Publicity 24 | - [**Boing Boing** - The "One HTML Page Challenge", a great example of view-source culture](https://boingboing.net/2019/08/23/the-one-html-page-challenge.html) 25 | - [**Medium** - How Having No-Internet Lead Me to Building a Worldwide Viral Website.](https://medium.com/@metroxe/one-html-page-challenge-d0e6e6d23e16) 26 | - [**10BestDesign** - Coders Try a Single-page HTML Coding Challenge to Boost Skills](https://www.10bestdesign.com/blog/coders-try-a-single-page-html-coding-challenge-to-boost-skills/) 27 | - [**University of Maryland** - INST377 Resource](https://ischool.umd.edu/sites/default/files/syllabi/inst377_-_dynamic_web_applications_-_syllabus_-_fall_2019.pdf) 28 | - [**What's Going On?** - Ep #5 (Worst Traffic Bottleneck In North America, IOS vs Android, What's 5g?)](https://www.stitcher.com/show/gronzo/episode/whats-going-on-ep-5-worst-traffic-bottleneck-in-north-america-ios-vs-android-whats-5g-63569131) 29 | - [**JPEGZILLA** - findings](https://jpegzilla.com/blog/posts/20190724.html) 30 | - [**chenhuijing.com** - Recreating the Fool's Mate chess move with CSS Grid](https://chenhuijing.com/blog/recreating-the-fools-mate-chess-move-with-css-grid/#%F0%9F%92%BB) 31 | - [**Advent One** - ansible-challenge](https://github.com/AdventOne/ansible-challenge) 32 | - [**Hello Github** - Volume 70](https://hellogithub.com/periodical/volume/70/) 33 | - [**Dev Awesome** - Issue #14](https://devawesome.io/archive/14) 34 | - [**Tympanus** - Collective #531](https://tympanus.net/codrops/collective/collective-531/) 35 | - [**Phoenix Code Editor** - Default Project for HTML Games](https://phcode.dev/) 36 | - [**Community Classroom** - Frontend Development Course](https://www.commclassroom.org/frontend-roadmap) 37 | - [**aiyoubucuo.com** - July 3rd 2022 Post](https://aiyoubucuo.com/202207.html) 38 | - [**Anas Khan** - Open Source is overrated 🤔](https://anaskhan28.hashnode.dev/open-source-is-overrated) 39 | 40 | _If you write a blog or post about the challenge, feel free to add to the list_ 41 | 42 | [![Stargazers over time](https://starchart.cc/Metroxe/one-html-page-challenge.svg)](https://starchart.cc/Metroxe/one-html-page-challenge) 43 | 44 | 45 | ## Useful Links 46 | - [Fun Times with CSS Pixel Art](https://css-tricks.com/fun-times-css-pixel-art/) 47 | - [Pixel Art to CSS](https://www.pixelartcss.com/) 48 | - [How to make a simple HTML5 Canvas Game](http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/) 49 | - [JSCompress: Compile Multiple JS Files Into a Single Script Tag](https://jscompress.com/) 50 | - [Cookie Clicker](https://orteil.dashnet.org/cookieclicker/) 51 | - [List of Javascript Game Frameworks](https://github.com/collections/javascript-game-engines) 52 | - [How to render images in HTML with base64 strings](https://stackoverflow.com/a/41057998) 53 | - [Convert images to base64](https://www.browserling.com/tools/image-to-base64) 54 | 55 | ## Contributors 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /entries/A-tribute-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | A tribute page 7 | 8 | 9 | 10 | 11 | 33 | 34 |

Jakob Sam (with no pfp)

35 |

Place: Born in Amrica, lives in a restaurant

Postives: Cool kid, Smart, stupid but kinda Smart

Age: One hundred and fifty six???

Negetives: Stupid, a baldi-looking, has white teeth!!!

36 |

[RANDOM PARAGRAPH BTW DON'T TAKE THIS SERIOUSLY]


37 |

Someone I admire is my cousin Laura. She’s five years older than me, so she’s 19 now and she lives in Bristol. She’s very friendly and confident and she’s got long, wavy, brown hair and greeny-brown eyes. She’s medium height, slim and very fit because she’s a dancer.
38 | 39 | She’s been dancing since she was six years old and trains every day at her dance school. She wants to be a professional dancer, but it’s a very difficult profession because it’s so competitive. She often dances in shows and I’ve been to watch her several times. Her favourite type of dance is modern, which is sometimes a bit strange, but I love watching her dance.

40 | 41 | Laura is very busy because she also studies photography at university. She’s a really good photographer and has taken lots of amazing photos of me and my family. Her photos have won a few prizes and last year one of her photos was in an exhibition at an art gallery in London.

42 | 43 | Laura doesn’t have a lot of free time and she’s also trying to learn German because she wants to go to Germany next year to do a photography course. I think Laura is very hard-working and she deserves to become a professional dancer one day.

44 |

Final words from the one whose writing this right now!!

45 |

I wish you a good happy birdday Jakob!

46 | 47 | 48 | -------------------------------------------------------------------------------- /entries/Calculator.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Calculator Made By @Abhay557 8 | 9 | 79 |
80 | 81 | C 82 | / 83 | * 84 | 7 85 | 8 86 | 9 87 | - 88 | 4 89 | 5 90 | 6 91 | + 92 | 1 93 | 2 94 | 3 95 | 0 96 | 00 97 | . 98 | = 99 |
100 | 101 | 102 | 103 | -------------------------------------------------------------------------------- /entries/Interval.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 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 | 208 | 209 | 298 | 299 | -------------------------------------------------------------------------------- /entries/RandomColourGenerator.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Random colour generator 8 | 231 | 232 | 233 | 243 |
244 |
245 |

Background color : #f1f5f8

246 | 247 |
248 |
249 | 264 | 265 | 266 | -------------------------------------------------------------------------------- /entries/Sattyam.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Registration form 8 | 9 | 10 | 11 | 12 |

Registration Form

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 | Hobbies:
59 |
60 | 1.Cricket
61 | 2.Vollyball
62 | 3.Football
63 |
64 |
65 | 66 |
67 | 68 | 69 | 77 |
78 |
79 | 80 | 81 |
82 |
83 | 84 | 85 |
86 | 87 | -------------------------------------------------------------------------------- /entries/Sidhumoosewala-tribute-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Rip Moose 9 | 10 | 11 | 12 |
13 |

R.I.P - Sidhu a.k.a Moosewala

14 | Moose 15 |

(1993-2022)

16 |

Shubhdeep Singh Sidhu (11 June 1993 – 29 May 2022), better known by his stage name Sidhu Moose Wala, was an 17 | Indian singer, rapper, songwriter and actor associated with Punjabi music and Punjabi cinema. His career as 18 | a songwriter began with the song "License" by Ninja, and his singing career started with a duet song, "G 19 | Wagon". Following his debut, he collaborated with Brown Boyz for various tracks. Sidhu is generally regarded 20 | to have been one of the greatest Punjabi artists of his generation.Moreover, he was considered as a key 21 | figure in opening the door for Punjabi artists into mainstream music.

22 |

Moose Wala was shot dead by unidentified assailants on 29 May 2022; a Canada-based gangster, active in 23 | Punjab, claimed responsibility for the killing, which the police said was a culmination of inter-gang 24 | rivalry.On 23 June 2022, his first posthumous single, SYL, was released.

26 |

Lets keep on listening to him and spread his message (Few of his gold work).

27 |
    28 |
    29 | 30 | 295 31 |
    32 |
    33 | 34 | Old Skool 35 |
    36 |
    37 | 38 | SAME BEEF 39 |
    40 |
41 |
42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /entries/Snakegame.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 21 | 22 | 23 | 24 | 151 | 152 | -------------------------------------------------------------------------------- /entries/Tips-Calculator.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Tip-Calculator 8 | 9 | 224 | 225 | 226 | 227 |
228 |
229 | 230 | 231 | 232 |
233 |
5%
234 |
10%
235 |
15%
236 |
25%
237 |
50%
238 |
239 |
240 |
241 | 242 | 243 |
244 | 245 |
246 | 247 | 248 |
249 |
250 |
251 |

Tip Amount

252 |

per person

253 |
254 |
$4.27
255 |
256 |
257 |
258 |

Total

259 |

per person

260 |
261 |
$32.79
262 |
263 |
RESET
264 |
265 |
266 | 267 | 349 | -------------------------------------------------------------------------------- /entries/aim-click-challenge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Click Game 5 | 13 | 14 | 15 |

Click the moving target as many times as you can!

16 |
17 |

Score: 0

18 |

Time Left: 30 seconds

19 |

20 | Move Interval: 21 |

22 |

23 | Target Width: 24 |

25 |

26 | Target Height: 27 |

28 |

29 | Time Limit: 30 |

31 | 32 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /entries/backgroundlight.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Backgroundlights 7 | 88 | 89 | 90 |

Play Ground

91 |
92 |
Hover ME
93 |
Hover ME
94 |
Hover ME
95 |
Hover ME
96 |
97 | 98 | 99 | -------------------------------------------------------------------------------- /entries/bits-rain.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | bits rain 7 | 73 | 74 | 75 | 76 |
77 |
78 |
79 | bit color 80 | 81 |
82 |
83 | background color 84 | 85 |
86 |
87 | update interval (ms) 88 | 89 |
90 |
91 | column count 92 | 93 |
94 |
95 | p0 96 | 97 |
98 |
99 | p1 100 | 101 |
102 |
103 | 168 | 169 | 231 | 232 | 233 | -------------------------------------------------------------------------------- /entries/blur-loading-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Blur loading page 9 | 10 | 11 | 51 | 52 | 53 |
54 |
0%
55 | 56 |
57 |

Hello there

58 |

59 | Have a nice day. 60 |

61 |
62 | 63 | 68 | 69 | 95 | 96 | 97 | 98 | -------------------------------------------------------------------------------- /entries/button-hover.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Button Hover 8 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /entries/clock.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Clock 9 | 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 | 3 285 | 6 286 | 9 287 | 12 288 |
289 |
290 |
291 |
292 | 331 | 332 | 333 | -------------------------------------------------------------------------------- /entries/color-change-on-hover-objects.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 75 | 76 | 77 |
78 |
79 |
80 | 81 | 82 | -------------------------------------------------------------------------------- /entries/color-grid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Random Color Generator 9 | 73 | 74 | 75 | 76 |
77 | 78 |
79 | 80 | 81 | 105 | 106 | -------------------------------------------------------------------------------- /entries/color-quiz.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Color Quiz 8 | 9 | 83 | 84 | 85 |
86 |

Background color name is ...?

87 |

Score

88 |

89 |
90 | 91 | 92 | 93 |
94 |
95 | 96 | 103 | 104 | 267 | 268 | 269 | -------------------------------------------------------------------------------- /entries/contact_list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | My Contacts 8 | 103 | 104 | 105 |

My Contacts

106 | 107 |
108 |
109 |
110 | First name : 111 | 112 |
113 |
114 | Last name : 115 | 116 |
117 |
118 | Email : 119 | 120 |
121 |
122 | Mobile number : 123 | 124 |
125 |
126 | 127 |
128 |
129 | 130 |
131 |

Contacts

132 |
133 |
134 |
135 | 136 | 236 | 237 | 238 | 239 | -------------------------------------------------------------------------------- /entries/css-calc.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Css Calculator by Aryan Kapoor 9 | 10 | 11 | 12 | 13 | 14 | 84 | 85 | 86 | 87 |
88 | 89 | 90 | c 91 | / 92 | * 93 | 7 94 | 8 95 | 9 96 | - 97 | 4 98 | 5 99 | 6 100 | + 101 | 3 102 | 2 103 | 1 104 | 0 105 | 00 106 | . 107 | = 108 |
109 | 110 | 111 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /entries/date_me_form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Date Me Form 8 | 84 | 85 | 86 |
87 |

Application for permission to date me

88 |

89 | Note : 90 | The Form is to be completed at least 21 days prior. 91 |

92 |
93 | 94 |

Personal Details

95 |
96 | 97 |

98 | 99 |

100 | 101 |

102 | 103 |

104 | 105 |

106 |

107 | Male 108 | Female

109 | 110 | 111 |
112 |
113 |

Check all that apply

114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 |
128 |
129 |
130 | Essay 131 |

In 50 words or more, explain why you want to date me

132 | 133 |
134 | Send Your Application 135 |
136 | 137 | -------------------------------------------------------------------------------- /entries/draw-rgb.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 34 | Draw RGB 35 | 36 | 37 |
38 | 39 | 40 | 41 | 42 |
43 | 44 | -------------------------------------------------------------------------------- /entries/fall_game.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | FallGame 9 | 10 | 71 | 72 | 73 | 74 |

Fall Game

75 |
76 |
77 |
78 | 79 |
80 |
81 | 82 | 83 | 84 | 200 | 201 | -------------------------------------------------------------------------------- /entries/fireworks.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Fireworks 7 | 15 | 16 | 17 | 18 | 19 | 108 | 109 | 110 | 111 | -------------------------------------------------------------------------------- /entries/game_of_life.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | game of life 6 | 45 | 46 | 47 |

Game of Life

48 |
49 |
50 | 51 | 52 |
53 |
54 | 55 | 56 | 57 |
58 |
59 |

60 | The Game of Life, also known simply as Life, is a cellular 61 | automaton devised by the British mathematician John Horton 62 | Conway in 1970. 63 | 64 | Learn more here! 65 |

    66 |
  • Black squared represent alive cells, while white ones are dead.
  • 67 |
  • Click on a square to toggle it alive.
  • 68 |
  • Push the start button to start the simulation.
  • 69 |
  • See life unfold in front of you.
  • 70 |
  • Stop whenever you feel like it.
  • 71 |
72 |

73 | 249 | 250 | 251 | 252 | -------------------------------------------------------------------------------- /entries/guess_my_number.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 129 | Guess My Number! 130 | 131 | 132 |
133 |

Guess My Number!

134 |

(Between 1 and 20)

135 | 136 |
?
137 |
138 |
139 |
140 | 141 | 142 |
143 |
144 |

Start guessing...

145 |

💯 Score: 20

146 |

147 | 🥇 Highscore: 0 148 |

149 |
150 |
151 | 152 | 221 | 222 | 223 | -------------------------------------------------------------------------------- /entries/hilbert-curve.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 |
34 |

Hilbert Curve

35 |

36 | The Hilbert curve is a continuous fractal space-filling curve first described by the German 37 | mathematician David Hilbert in 1891, as a variant of the space-filling Peano curves discovered by 38 | Giuseppe Peano in 1890. 39 |

40 |
41 | 42 | 43 | 44 | 45 | 46 | 47 | 140 | 141 | 142 | -------------------------------------------------------------------------------- /entries/ip.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | -------------------------------------------------------------------------------- /entries/knfl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | KNFL 6 | 105 | 106 | 107 | 108 | 109 | 110 |
111 | 112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 | 120 |
121 | 122 | 123 | 124 |
125 | 126 |
127 | 128 | 262 | 263 | 264 | -------------------------------------------------------------------------------- /entries/marching-squares.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Marching Squares 9 | 23 | 24 | 25 | 26 | 27 | 28 | 213 | 214 | 215 | -------------------------------------------------------------------------------- /entries/my-screen-resolution.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | What is my Screen Resolution 9 | 107 | 108 | 109 | 110 | 111 |
112 |
113 |

Your Screen Resolution is
114 | 115 |

116 |
117 |

Screen Width :

118 |

Screen Height :

119 |

Available Screen Width :

120 |

Available Screen Height :

121 |

Screen Color Depth :

122 |

Screen Pixal Depth :

123 |
124 | 125 | 138 | 139 | 140 | 141 | -------------------------------------------------------------------------------- /entries/openai-generated-entry.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Guess the Number 4 | 5 | 6 |

Guess the Number

7 |

I'm thinking of a number between 1 and 100. Can you guess it?

8 | 9 | 10 |

11 | 29 | 30 | -------------------------------------------------------------------------------- /entries/organs-for-debt.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | You're in Debt. 9 | 10 | 113 | 114 | 125 | 126 | 172 | 173 | 174 | 175 | 176 |
177 |

A Kind of Debt Forgiveness

178 |
179 | 180 |
181 |

You have $1000000 of student loan debt.

182 |

What can you sell?

183 |
184 |
185 | 186 | 187 | 188 | 189 |
190 | 191 | 192 | 193 | 194 |
195 | 196 | 197 |

198 |

199 | 200 |
201 |
202 | 203 | 204 | 205 | 206 | -------------------------------------------------------------------------------- /entries/platform.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Platform 6 | 7 | 8 | 9 | 10 | 11 | 12 |

Platform

13 |

Highscore 0 | Score 0

14 |

Press SPACE to jump

15 |

Toggle A to move left

16 |

Toggle D to move right

17 |
18 |

0.0

19 |
20 |
21 |
22 |
23 |
24 | 25 | 26 | 27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |

?

39 |
40 | 146 | 292 | 293 | 294 | -------------------------------------------------------------------------------- /entries/randomPassword.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Random Password 8 | 41 | 42 | 43 |
44 |

Generate Password

45 |
46 | 47 | 48 | 49 |
50 |

copied

51 |
52 | 53 | 81 | 82 | 83 | -------------------------------------------------------------------------------- /entries/ring-loader.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | A ring shaped loader with only CSS | one-html-page-challenge 5 | 47 | 48 | 49 |
50 |
51 |
52 | 53 | 54 | -------------------------------------------------------------------------------- /entries/ripples.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Ripples 5 | 57 | 58 | 59 |
60 | 65 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /entries/signup_page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | signup html 5 | 6 | 7 | 8 |
9 |
10 |

SIGNUP

11 |
12 | 13 |
14 |
15 | FIRST NAME:

16 | LAST NAME:

17 | Email:

18 | PASSWORD:

19 |                                             forgot password

21 | Phone Number:

22 | Gender:male 23 | female

24 | Date Of Birth

25 | time Of Birth

26 | I accept terms & conditions through terms and 27 | conditions

28 | 29 | 30 |
31 | 32 | 33 | opens in new tab

34 | opens in same tab

35 | opens in parent frame

36 | opens in full body of tab

37 | opens in opens in named frame

38 |
39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /entries/simple-counter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | New year counter 8 | 9 | 71 | 72 | 73 |
74 |
75 |
76 |
77 |

2023 New year Count Down

78 |

79 |
80 | 81 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /entries/stopWatch.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | StopWatch 8 | 9 | 98 | 99 |
100 |

101 | StopWatch 102 |

103 | 104 |
105 |

00

106 |

:

107 |

00

108 |
109 | 110 |
111 | 112 | 113 | 114 | 115 |
116 |
117 |
118 | 119 |
120 | made by Kabir Seth 121 |
122 | 123 | 187 | 188 | 189 | -------------------------------------------------------------------------------- /entries/tic-tac-toe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Tic-Tac-Toe Game 8 | 139 | 140 | 141 |

TIC TAC TOE

142 |
Player X's turn
143 |
144 |
X
145 |
X
146 |
X
147 |
X
148 |
X
149 |
X
150 |
X
151 |
X
152 |
X
153 |
154 |
155 |
156 | 157 | 158 |
159 |
160 | 249 | 250 | -------------------------------------------------------------------------------- /entries/wargames.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Wargames 5 | 6 | 7 |   8 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /meta/android-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/android-icon-144x144.png -------------------------------------------------------------------------------- /meta/android-icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/android-icon-192x192.png -------------------------------------------------------------------------------- /meta/android-icon-36x36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/android-icon-36x36.png -------------------------------------------------------------------------------- /meta/android-icon-48x48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/android-icon-48x48.png -------------------------------------------------------------------------------- /meta/android-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/android-icon-72x72.png -------------------------------------------------------------------------------- /meta/android-icon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/android-icon-96x96.png -------------------------------------------------------------------------------- /meta/apple-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-114x114.png -------------------------------------------------------------------------------- /meta/apple-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-120x120.png -------------------------------------------------------------------------------- /meta/apple-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-144x144.png -------------------------------------------------------------------------------- /meta/apple-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-152x152.png -------------------------------------------------------------------------------- /meta/apple-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-180x180.png -------------------------------------------------------------------------------- /meta/apple-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-57x57.png -------------------------------------------------------------------------------- /meta/apple-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-60x60.png -------------------------------------------------------------------------------- /meta/apple-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-72x72.png -------------------------------------------------------------------------------- /meta/apple-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-76x76.png -------------------------------------------------------------------------------- /meta/apple-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon-precomposed.png -------------------------------------------------------------------------------- /meta/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/apple-icon.png -------------------------------------------------------------------------------- /meta/browserconfig.config: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | #da532c 9 | 10 | 11 | -------------------------------------------------------------------------------- /meta/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/favicon-16x16.png -------------------------------------------------------------------------------- /meta/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/favicon-32x32.png -------------------------------------------------------------------------------- /meta/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/favicon-96x96.png -------------------------------------------------------------------------------- /meta/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/favicon.ico -------------------------------------------------------------------------------- /meta/ms-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/ms-icon-144x144.png -------------------------------------------------------------------------------- /meta/ms-icon-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/ms-icon-150x150.png -------------------------------------------------------------------------------- /meta/ms-icon-310x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/ms-icon-310x150.png -------------------------------------------------------------------------------- /meta/ms-icon-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/ms-icon-310x310.png -------------------------------------------------------------------------------- /meta/ms-icon-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/ms-icon-70x70.png -------------------------------------------------------------------------------- /meta/one-html-page-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/one-html-page-icon.png -------------------------------------------------------------------------------- /meta/one-html-page-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/one-html-page-logo.png -------------------------------------------------------------------------------- /meta/promotion-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Metroxe/one-html-page-challenge/eeb16c7119a0d03954f2b280266340cec8a9af42/meta/promotion-image.png -------------------------------------------------------------------------------- /meta/safari-pinned-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | Created by potrace 1.11, written by Peter Selinger 2001-2013 9 | 10 | 12 | 20 | 27 | 34 | 89 | 92 | 98 | 104 | 107 | 108 | 109 | -------------------------------------------------------------------------------- /meta/site.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "One HTML Page Challenge", 3 | "short_name": "SPA challange", 4 | "icons": [ 5 | { 6 | "src": "./android-icon-36x36.png", 7 | "sizes": "36x36", 8 | "type": "image/png", 9 | "density": "0.75" 10 | }, 11 | { 12 | "src": "./android-icon-48x48.png", 13 | "sizes": "48x48", 14 | "type": "image/png", 15 | "density": "1.0" 16 | }, 17 | { 18 | "src": "./android-icon-72x72.png", 19 | "sizes": "72x72", 20 | "type": "image/png", 21 | "density": "1.5" 22 | }, 23 | { 24 | "src": "./android-icon-96x96.png", 25 | "sizes": "96x96", 26 | "type": "image/png", 27 | "density": "2.0" 28 | }, 29 | { 30 | "src": "./android-icon-144x144.png", 31 | "sizes": "144x144", 32 | "type": "image/png", 33 | "density": "3.0" 34 | }, 35 | { 36 | "src": "./android-icon-192x192.png", 37 | "sizes": "192x192", 38 | "type": "image/png", 39 | "density": "4.0" 40 | } 41 | ], 42 | "theme_color": "#ffffff", 43 | "background_color": "#ffffff", 44 | "display": "standalone" 45 | } 46 | --------------------------------------------------------------------------------