Inspired by Code in the Dark, this repository provides a simple yet fully-working solution for your own contest in HTML+CSS blind coding. You can use your favorite editor and share your progress live in
index.html thanks to tunneling so the audience can watch multiple contestants on the projector.
Auto-saving option is recommended to automatically refresh the browser. Currently, configuration for vscode is included.
Code in the Dark is a front-end (HTML, CSS) competition, ..., where each contestant compete to implement a website design given only a screenshot. The catch is that no previews of the results are allowed during the implementation, and no measuring tools can be used. The winner is decided by the audience.
- clone this repository and install dependencies
- open your editor and be sure auto-saving is enabled
- start tunneling with:
npm start- share your tunnel url
npm start <my-custom-name>- share your tunnel
index.html(and don't leave the editor
- start coding!
- (optional) when time runs out push your code to the new branch
What is the recommended setup?
Why there is some predefined source code in the
<body> tag during initial request to inject script responsible for site refresh. Also, your editor comes with snippets functionality anyway.
Is my screen being shared when I start tunneling?
No. Only the content of your
index.html file (and any CSS file in case you create some).