diff options
| author | Aleš Smodiš <aless@guru.si> | 2015-09-21 17:45:31 +0200 |
|---|---|---|
| committer | Aleš Smodiš <aless@guru.si> | 2015-09-21 17:45:31 +0200 |
| commit | cee672f22d516ecc73f84a3dbe01328883a2a47d (patch) | |
| tree | 2f977f01c4619d2e422cbc8b498218cbe9972dc4 /index.html | |
| parent | 86b478fc57f6eb8bc1addd07d4feb95c83f6792c (diff) | |
Refactoring: simplified python.js and prolog.js, removed all DOM IDs except for the top-level block #screen_prolog, made a copy of the latter into #screen_python so the two screens can now diverge.
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 54 |
1 files changed, 41 insertions, 13 deletions
@@ -118,29 +118,57 @@ </table> </div> - <div class="container-fluid" id="screen_prolog" style="display: none;"> + <div class="container-fluid quadrants block1" id="screen_prolog" style="display: none;"> <div class="row"> - <div class="col-lg-3 col-md-6 col-sm-12 block" id="description_outer_div"> - <div id="description"></div> + <div class="col-lg-3 col-md-6 col-sm-12 block block1"> + <div class="description"></div> <div class="block-label">Instructions</div> </div> - <div class="col-lg-3 col-md-6 col-sm-12 block" id="code_editor_outer_div"> - <nav class="navbar navbar-default" id="block-toolbar"> + <div class="col-lg-3 col-md-6 col-sm-12 block block2"> + <nav class="navbar navbar-default"> <div class="container-fluid"> - <button type="button" class="btn btn-default navbar-btn" id="btn_code_plan">Plan</button> - <button type="button" class="btn btn-default navbar-btn" id="btn_code_hint">Hint</button> - <button type="button" class="btn btn-default navbar-btn" id="btn_code_test">Test</button> + <button type="button" class="btn btn-default navbar-btn btn-plan">Plan</button> + <button type="button" class="btn btn-default navbar-btn btn-hint">Hint</button> + <button type="button" class="btn btn-default navbar-btn btn-test">Test</button> </div> </nav> - <div id="code_editor"></div> + <div class="code_editor"></div> <div class="block-label">Code</div> </div> - <div class="col-lg-3 col-md-6 col-sm-12 block" id="console_outer_div"> - <div id="console"></div> + <div class="col-lg-3 col-md-6 col-sm-12 block block3"> + <div class="console"></div> <div class="block-label">Console</div> </div> - <div class="col-lg-3 col-md-6 col-sm-12 block" id="info_outer_div"> - <div id="info"></div> + <div class="col-lg-3 col-md-6 col-sm-12 block block4"> + <div class="hints"></div> + <div class="block-label">Hints</div> + </div> + </div><!--/row--> + </div><!--container--> + + <div class="container-fluid quadrants block1" id="screen_python" style="display: none;"> + <div class="row"> + <div class="col-lg-3 col-md-6 col-sm-12 block block1"> + <div class="description"></div> + <div class="block-label">Instructions</div> + </div> + <div class="col-lg-3 col-md-6 col-sm-12 block block2"> + <nav class="navbar navbar-default"> + <div class="container-fluid"> + <button type="button" class="btn btn-default navbar-btn btn-plan">Plan</button> + <button type="button" class="btn btn-default navbar-btn btn-hint">Hint</button> + <button type="button" class="btn btn-default navbar-btn btn-test">Test</button> + </div> + </nav> + <div class="code_editor"></div> + <div class="block-label">Code</div> + </div> + <div class="col-lg-3 col-md-6 col-sm-12 block block3"> + <div class="console"></div> + <div class="block-label">Console</div> + </div> + <div class="col-lg-3 col-md-6 col-sm-12 block block4"> + <div class="hints"></div> <div class="block-label">Hints</div> </div> </div><!--/row--> |