# one-html-page-challenge
**Repository Path**: wang_xi_yu/one-html-page-challenge
## Basic Information
- **Project Name**: one-html-page-challenge
- **Description**: 单个 HTML 页面的挑战。该项目汇集了满足仅有一个 HTML 文件、小于 1MB、不可接入 API、不能引用库条件下实现的创意网页。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-08
- **Last Updated**: 2022-02-08
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
[](https://onehtmlpagechallenge.com/)
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?**
### [View Submissions](https://onehtmlpagechallenge.com)
## Rules
- You must write all of your code in 1 single HTML file.
- Your file must be less than 1mb (measured by the file size on github).
- You cannot import any external files (this will be checked by looking at the network tab in chrome).
- Due to the nature of hiding lots of funtionality behind APIs, you cannot have any incoming network requests.
- 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/)).
## How to Submit
1. Fork the repository.
2. Add your html file to the `/entries` directory.
3. Edit the `entries.js` file in the root, with your information for the entry.
4. Commit to your forked repo.
5. Make a pull request to master from your forked repo.
_* You may submit as many entries as you'd like._
## Publicity
- [**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)
- [**Medium** - How Having No-Internet Lead Me to Building a Worldwide Viral Website.](https://medium.com/@metroxe/one-html-page-challenge-d0e6e6d23e16)
- [**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/)
- [**University of Maryland** - INST377 Resource](https://ischool.umd.edu/sites/default/files/syllabi/inst377_-_dynamic_web_applications_-_syllabus_-_fall_2019.pdf)
- [**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)
- [**JPEGZILLA** - findings](https://jpegzilla.com/blog/posts/20190724.html)
- [**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)
- [**Hello Github** - Volume 70](https://hellogithub.com/periodical/volume/70/)
_If you write a blog or post about the challenge, feel free to add to the list_
[](https://starchart.cc/Metroxe/one-html-page-challenge)
## Useful Links
- [Fun Times with CSS Pixel Art](https://css-tricks.com/fun-times-css-pixel-art/)
- [Pixel Art to CSS](https://www.pixelartcss.com/)
- [How to make a simple HTML5 Canvas Game](http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/)
- [JSCompress: Compile Multiple JS Files Into a Single Script Tag](https://jscompress.com/)
- [Cookie Clicker](https://orteil.dashnet.org/cookieclicker/)
- [List of Javascript Game Frameworks](https://github.com/collections/javascript-game-engines)
- [How to render images in HTML with base64 strings](https://stackoverflow.com/a/41057998)
- [Convert images to base64](https://www.browserling.com/tools/image-to-base64)
## Contributors
