{"id":13475679,"url":"https://github.com/Metroxe/one-html-page-challenge","last_synced_at":"2025-03-27T00:31:41.831Z","repository":{"id":39852768,"uuid":"194445383","full_name":"Metroxe/one-html-page-challenge","owner":"Metroxe","description":"Can you create something cool without modern tools?","archived":false,"fork":false,"pushed_at":"2024-07-16T00:36:51.000Z","size":5480,"stargazers_count":1165,"open_issues_count":20,"forks_count":424,"subscribers_count":28,"default_branch":"master","last_synced_at":"2025-03-19T09:58:32.928Z","etag":null,"topics":["canvas","challenge","chrome","coding-challenge","css","es6","game","github-pages","html","html-css","html5","html5-canvas","html5-game","javascript","javascript-challenges","oldschool","open-source","retro","webdesign","webdevelopment"],"latest_commit_sha":null,"homepage":"https://onehtmlpagechallenge.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Metroxe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-29T20:20:51.000Z","updated_at":"2025-03-18T10:51:12.000Z","dependencies_parsed_at":"2023-02-10T13:15:29.643Z","dependency_job_id":"6c7c0b6e-a5a4-4ae7-9eb6-36085ace86d4","html_url":"https://github.com/Metroxe/one-html-page-challenge","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Metroxe%2Fone-html-page-challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Metroxe%2Fone-html-page-challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Metroxe%2Fone-html-page-challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Metroxe%2Fone-html-page-challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Metroxe","download_url":"https://codeload.github.com/Metroxe/one-html-page-challenge/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245760788,"owners_count":20667887,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","challenge","chrome","coding-challenge","css","es6","game","github-pages","html","html-css","html5","html5-canvas","html5-game","javascript","javascript-challenges","oldschool","open-source","retro","webdesign","webdevelopment"],"created_at":"2024-07-31T16:01:22.499Z","updated_at":"2025-03-27T00:31:41.309Z","avatar_url":"https://github.com/Metroxe.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"[![One HTML Page Challenge](./meta/one-html-page-logo.png?raw=true \"One HTML Page Challenge\")](https://onehtmlpagechallenge.com/)\n\nThe 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?**\n\n### [View Submissions](https://onehtmlpagechallenge.com)\n\n## Rules\n - You must write all of your code in 1 single HTML file.\n - Your file must be less than 1mb (measured by the file size on github).\n - You cannot import any external files (this means you cannot import images, stylesheets or js files from external sources). \n - Due to the nature of hiding lots of functionality behind APIs, you cannot have any incoming or outgoing network requests.\n - 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/)).\n \n## How to Submit\n 1. Fork the repository.\n 2. Add your html file to the `/entries` directory.\n 3. Edit the `entries.js` file in the root, with your information for the entry.\n 4. Commit to your forked repo.\n 5. Make a pull request to master from your forked repo.\n \n _* You may submit as many entries as you'd like._\n \n ## Publicity\n - [**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)\n - [**Medium** - How Having No-Internet Lead Me to Building a Worldwide Viral Website.](https://medium.com/@metroxe/one-html-page-challenge-d0e6e6d23e16)\n - [**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/)\n - [**University of Maryland** - INST377 Resource](https://ischool.umd.edu/sites/default/files/syllabi/inst377_-_dynamic_web_applications_-_syllabus_-_fall_2019.pdf)\n - [**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)\n - [**JPEGZILLA** - findings](https://jpegzilla.com/blog/posts/20190724.html)\n - [**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)\n - [**Advent One** - ansible-challenge](https://github.com/AdventOne/ansible-challenge)\n - [**Hello Github** - Volume 70](https://hellogithub.com/periodical/volume/70/)\n - [**Dev Awesome** - Issue #14](https://devawesome.io/archive/14)\n - [**Tympanus** - Collective #531](https://tympanus.net/codrops/collective/collective-531/)\n - [**Phoenix Code Editor** - Default Project for HTML Games](https://phcode.dev/)\n - [**Community Classroom** - Frontend Development Course](https://www.commclassroom.org/frontend-roadmap)\n - [**aiyoubucuo.com** - July 3rd 2022 Post](https://aiyoubucuo.com/202207.html)\n - [**Anas Khan** - Open Source is overrated 🤔](https://anaskhan28.hashnode.dev/open-source-is-overrated)\n\n_If you write a blog or post about the challenge, feel free to add to the list_\n \n[![Stargazers over time](https://starchart.cc/Metroxe/one-html-page-challenge.svg)](https://starchart.cc/Metroxe/one-html-page-challenge)\n \n \n ## Useful Links\n - [Fun Times with CSS Pixel Art](https://css-tricks.com/fun-times-css-pixel-art/)\n - [Pixel Art to CSS](https://www.pixelartcss.com/)\n - [How to make a simple HTML5 Canvas Game](http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/)\n - [JSCompress: Compile Multiple JS Files Into a Single Script Tag](https://jscompress.com/)\n - [Cookie Clicker](https://orteil.dashnet.org/cookieclicker/)\n - [List of Javascript Game Frameworks](https://github.com/collections/javascript-game-engines)\n - [How to render images in HTML with base64 strings](https://stackoverflow.com/a/41057998)\n - [Convert images to base64](https://www.browserling.com/tools/image-to-base64)\n\n## Contributors\n\u003ca href=\"https://github.com/Metroxe/one-html-page-challenge/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=Metroxe/one-html-page-challenge\" /\u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMetroxe%2Fone-html-page-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMetroxe%2Fone-html-page-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMetroxe%2Fone-html-page-challenge/lists"}