findo / editor

The official Code in the Dark editor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The official editor for Code in the Dark

image

How to Use

  • Grab the contents of the dist/ folder. All contestants should be given a copy of the editor.
  • Replace assets/page.png in 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 assets/ folder.
  • Edit the assets/instructions.html file with information about the extra assets and their dimensions.

Developing

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 build

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.

Contributing

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.

About

The official Code in the Dark editor

License:Other


Languages

Language:HTML 99.0%Language:CSS 0.5%Language:CoffeeScript 0.5%