Files definition

Below you can read an explanation for the role of each folder and file inside the project.

Info folder

This folder contains info about the task's mission.

task_description.html

This file is a description for your task. Here you should explain the goal of your task. When writing this file, please use proper HTML syntax for the description, for it to be readable on the site (it will be inserted on the task page as a block).

Task's text

Next, you write the main description of the task. You can insert images to explain your task a bit better (see below for information about images) and you can use HTML tags as  em strong or pre to display formulas or example code. Each paragraph or div element can have the class "foreditoronly" or "forinfoonly".

"for_editor_only" – means that the element will only show in the editor mode.

"for_info_only" – will only show up in the main task description.

Input and Output

This is short description of input and output data.

Example

In this section you can provide some examples for the task. You can use the pre tag with class "brush: python" for syntax highlighting.

Images

You can paste your images inside the task. The files for these must be placed inside the illustrations folder. The link is defined as src="{{ MEDIA_URL }}/image-name.png" Illustrations should be created with colors specified in the colors guide. (color.pdf or example.png))

Icons

Icons for the task should be placed inside the logo folder. Icons are created as a pair:  disabled.svg for unsolved tasks and enabled.svg for solved tasks. In the task runner you can see both icons with a click to it. Icons should be created in icons' colors, specified in the colors guide (color.pdf). Icons must have a size of 128x128 and placed inside a grey color with a size of 116x116 in the center with a border radius of 10. Use the provided template.

story.html

This can be a funny story about the task, it does not need to explain the task's goal. A paragraph in a div with the story class does not show in the editor's task description.

shorttaskdescription.html

A short summary, that serves as a reminder of what the task is all about.

Verification Folder

This folder contains the referee and additional files with tests, if you need these. It also contains the folder with initial codes.

initial_code/interpretator

Here is the code which users will see as a starting template for the interpretator.

If you use string for python2.7 -- use a unicode string.

Editor folder

templates.html

This file describes the layout and structure for the tests explanation or tryit. It's not necessary to change it.

Further description of this will be added later.

Animation Folder

init.js

This file describes an animation for the tests explanation or tryit. It's not necessary to change it.

Further description of this will be added later.

init.css

This file describe the styles for the tests explanation or tryit. It's not necessary to change it.

Further description of this will be added later.