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" async defer></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
  21 </ul>
  22 </div>
  23 </nav>
  24
  25 <div class="container-fluid">
  26
  27 <h1 id="title">TITLE</h1>
  28 <div id="result"></div>
  29
  30 <div id="content">Content goes here</div>
  31
  32 <div id="login" class="reqjs"><a href="/login">Log in</a></div>
  33
  34 <div id="theme-selector" class="reqjs">
  35 Themes:
  36 <ul class="list-inline">
  37 <li><a href="#" id="theme_slate">Gray</a>
  38 <li><a href="#" id="theme_cyborg">Black</a>
  39 <li><a href="#" id="theme_cerulean">White</a>
  40 <li><a href="#" id="theme_cosmo">Metro</a>
  41 </ul>
  42 </div>
  43
  44 <div id="tracker" class="reqjs">
  45 <h3>Track user</h3>
  46 <div id="tracker_form">
  47 <div class="form-group">
  48 <label for="tracker_username">Username</label>
  49 <input type="text" id="tracker_username" class="form-control">
  50 </div>
  51 <button id="tracker_button" class="btn btn-default">Start tracking</button>
  52 </div>
  53
  54 <div id="tracker_tracking" class="hidden">
  55 Tracking <a href="#" id="tracker_userlink"></a>.<br>
  56 <a href="#" id="tracker_stop">Stop tracking</a><br>
  57 <a href="#" id="tracker_log">Job log</a>
  58 <dl class="dl-horizontal">
  59 <dt>Solved</dt>    <dd id="tracker_solved">?</dd>
  60 <dt>Attempted</dt> <dd id="tracker_attempted">?</dd>
  61 <dt>Contests</dt>  <dd id="tracker_contests">?</dd>
  62 </dl>
  63 </div>
  64 </div>
  65
  66 <footer>
  67 Dilmom: Why don't you call your product the Gruntmaster 6000?<br>
  68 Dilbert: What kind of product do you see when you imagine a Gruntmaster 6000?<br>
  69 Dilmom: Well, it's a stripped-down version of the Gruntmaster 9000, of course. But it's software-upgradeable.
  70 </footer>