diff options
| author | markop <marko.pusnik@gurucue.com> | 2015-07-14 16:43:32 +0200 |
|---|---|---|
| committer | markop <marko.pusnik@gurucue.com> | 2015-07-14 16:43:32 +0200 |
| commit | 9a9c1113c90cf787a82312a548f2bf3776927d8e (patch) | |
| tree | 7a618d673ad0f05db7bd8a1bbe7e01dd46624138 /prolog.html | |
| parent | 579f8afbca30ea91244cd839340ee7f67d94d78e (diff) | |
- use bootstrap style/grid system
- add cordova/phonegap basic configuration
Diffstat (limited to 'prolog.html')
| -rw-r--r-- | prolog.html | 82 |
1 files changed, 72 insertions, 10 deletions
diff --git a/prolog.html b/prolog.html index e3a583a..e3ac64f 100644 --- a/prolog.html +++ b/prolog.html @@ -7,29 +7,91 @@ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="format-detection" content="telephone=no"> <!--link rel="stylesheet" href="css/jquery/jquery.terminal.css" type="text/css"--> + <!-- CodeMirror --> <link rel="stylesheet" href="css/codemirror/codemirror.css" type="text/css"> <link rel="stylesheet" href="css/codemirror/show-hint.css" type="text/css"> + <!-- Bootstrap --> + <link href="css/bootstrap.min.css" rel="stylesheet"> + <link href="css/bootstrap-theme.min.css" rel="stylesheet"> + <!-- App --> <link rel="stylesheet" href="css/codeq.css" type="text/css"> </head> <body onload="start();"> - <div id="gui"> - <nav><ul><li>Fullscreen</li><li>Profile</li><li>Root screen</li></ul></nav> - <div id="description" class="block">Opis, navodila</div> - <div id="code_editor" class="block"> - <textarea id="program"></textarea> - </div> - <div id="console" class="block"> - </div> - <div id="info" class="block"> - Hints + <div class="navbar navbar-inverse navbar-fixed-top"> + <div class="container-fluid"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">CodeQ</a> + </div> + <div class="collapse navbar-collapse"> + <ul class="nav navbar-nav"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#">Services</a></li> + <li><a href="#">Portfolio</a></li> + </ul> + <ul class="nav navbar-nav navbar-left"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Blog Single</a></li> + <li><a href="#">Pricing</a></li> + <li><a href="#">Shortcodes</a></li> + </ul> + </li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <ul class="nav navbar-nav navbar-left"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon glyphicon-user"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Profile</a></li> + <li><a href="#">Logout</a></li> + </ul> + </li> + </ul> + <li><a href="#"><span class="glyphicon glyphicon glyphicon-wrench" aria-hidden="true"></span></a></li> + </ul> + </div><!--/.nav-collapse --> + </div> </div> + <div class="container-fluid" id="gui"> + <div class="row" id="block-row"> + <div class="col-lg-3 col-md-6 col-sm-12 block"> + <div id="description"></div> + <div class="block-label">Instructions</div> + </div> + <div class="col-lg-3 col-md-6 col-sm-12 block"> + <div id="code_editor"> + <textarea id="program"></textarea> + </div> + <div class="block-label">Code</div> + </div> + <div class="col-lg-3 col-md-6 col-sm-12 block"> + <div id="console"></div> + <div class="block-label">Console</div> + </div> + <div class="col-lg-3 col-md-6 col-sm-12 block"> + <div id="info"></div> + <div class="block-label">Hints</div> + </div> + </div><!--/row--> + </div><!--container--> + <!-- jQuery stuff --> <script src="js/jquery/jquery-1.11.3.js"></script> <!--script src="js/jquery/jquery.terminal-0.8.8.js"></script--> <script src="js/jquery/jquery.console.js"></script> + <!-- Bootstrap --> + <script src="js/bootstrap/bootstrap.min.js"></script> + <!-- Cordova/PhoneGap --> + <script type="text/javascript" src="cordova.js"></script> <!-- CodeMirror stuff --> <script src="js/codemirror/codemirror.js"></script> <script src="js/codemirror/matchbrackets.js"></script> |