Read more about the Code in the Dark competition here
Try the editor online: http://codeinthedark.com/editor/
How to Use
- Grab the contents of the
dist/folder, or download this zip. All contestants should be given a copy of the editor.
assets/page.pngin the editor files with a screenshot of the page that is to be built in the competition.
- Add any extra assets (e.g. images) that are required to build the page in the
- Edit the
assets/instructions.htmlfile with information about the extra assets and their dimensions.
Here's how to install the dependencies and run the editor locally:
$ npm install $ ./node_modules/.bin/gulp serve
To build the editor, run:
$ gulp dist
This will compile all scripts and styles and inline them into a single html file in the
dist/ folder. It will also create a
dist/assets/ folder, which separately contains the instructions and page screenshot so that they can easily be changed between different rounds of the competition.
Contributions to the editor welcome. If you've fixed a bug or implemented a cool new feature that you would like to share, please feel free to open a pull request here.