spicee front-end templates

The dev code can be found in the src directory

The following technologies are used:

• Browserify (CommonJS require())
• Stylus (CSS preprocessor)
• Jade (HTML preprocessor)

Requirements to build the code

• Node.js
• Gulp (Streaming build system) installed globaly npm install -g gulp

Installation of dev env

$ npm install

Build the code

The code has to be built every time you update src files

$ gulp

Font icons

The font icons are used for most of the UX graphic. They are generated via Icomoon App, which is an online tool to generate your own font-icon set and allows to import SVGs.

Follow these steps to add icon(s) to the font:

• The current setting to load in Icomoon App is ./icomoon-selection.json to get the current set loaded
• Add any icon on the proposed libraries or import a .svg file into the Icomoon App
• Download the new set
• In the previously downloaded directory, copy ./style.css into spicee project in ./src/style/icons.styl
• In the previously downloaded directory, copy all fonts from ./fonts/* into spicee project in ./dist/css/fonts/
• Run $ gulp

Score demo

To be able to test the score posting demo, you need to launch a simple server:

$ node server.js