Skip to content

MinskJson/code-in-the-dark--editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The official editor for Code in the Dark

Read more about the Code in the Dark competition here

image

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.
  • 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 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.

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

code in the dark connected to the firebase

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published