tmpl/skel.en

   1 <!DOCTYPE html>
   2 <title smap="title">TITLE</title>
   3 <meta charset="utf-8">
   4 <meta name="viewport" content="width=device-width, initial-scale=1.0">
   5
   6 <link rel="stylesheet" href="/css/cyborg.css" id="stylesheet">
   7 <script src="/js.js" type="text/javascript"></script>
   8
   9 <body>
  10 <nav role="navigation">
  11 <div class="container-fluid">
  12 <ul class="nav nav-pills nav-justified">
  13 <li id="nav-home"><a href="/">Gruntmaster 6000</a>
  14 <li id="nav-pb"><a href="/pb/">Problems</a>
  15 <li id="nav-ct"><a href="/ct/">Contests</a>
  16 <li id="nav-log"><a href="/log/">Job log</a>
  17 <li id="nav-us"><a href="/us/">Users</a>
  18 <li id="nav-account"><a href="/account">Account</a>
  19 <li id="nav-contribute"><a href="/contribute">Contribute!</a>
  20 <li id="theme-selector" class="reqjs"><a class="dropdown-toggle" data-toggle="dropdown"> Theme <span class="caret"></span></a>
  21 <ul class="dropdown-menu" role="menu">
  22 <li><a href="#" id="theme_slate">Gunmetal gray</a>
  23 <li><a href="#" id="theme_cyborg">Black</a>
  24 <li><a href="#" id="theme_cerulean">White</a>
  25 <li><a href="#" id="theme_cosmo">Metro</a>
  26 </ul>
  27
  28 </ul>
  29 </div>
  30 </nav>
  31
  32 <div class="container-fluid">
  33
  34 <h1 id="title">TITLE</h1>
  35 <div id="result"></div>
  36
  37 <div id="content">Content goes here</div>
  38
  39 <div id="login" class="reqjs"><a href="/login">Log in</a></div>
  40
  41 <div id="tracker" class="reqjs">
  42 <h3>Track user</h3>
  43 <div id="tracker_form">
  44 <div class="form-group">
  45 <label for="tracker_username">Username</label>
  46 <input type="text" id="tracker_username" class="form-control">
  47 </div>
  48 <button id="tracker_button" class="btn btn-default">Start tracking</button>
  49 </div>
  50
  51 <div id="tracker_tracking" class="hidden">
  52 Tracking <a href="#" id="tracker_userlink"></a>.<br>
  53 <a href="#" id="tracker_stop">Stop tracking</a><br>
  54 <a href="#" id="tracker_log">Job log</a>
  55 <dl class="dl-horizontal">
  56 <dt>Solved</dt>    <dd id="tracker_solved">?</dd>
  57 <dt>Attempted</dt> <dd id="tracker_attempted">?</dd>
  58 <dt>Contests</dt>  <dd id="tracker_contests">?</dd>
  59 </dl>
  60 </div>
  61 </div>
  62
  63 <footer>
  64 Dilmom: Why don't you call your product the Gruntmaster 6000?<br>
  65 Dilbert: What kind of product do you see when you imagine a Gruntmaster 6000?<br>
  66 Dilmom: Well, it's a stripped-down version of the Gruntmaster 9000, of course. But it's software-upgradeable.
  67 </footer>