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="theme-selector" class="hidden"><a class="dropdown-toggle" data-toggle="dropdown"> Theme <span class="caret"></span></a>
  20 <ul class="dropdown-menu" role="menu">
  21 <li><a href="#" id="theme_slate">Gunmetal gray</a>
  22 <li><a href="#" id="theme_cyborg">Black</a>
  23 <li><a href="#" id="theme_cerulean">White</a>
  24 <li><a href="#" id="theme_cosmo">Metro</a>
  25 </ul>
  26
  27 </ul>
  28 </div>
  29 </nav>
  30
  31 <iframe src="http://free.timeanddate.com/clock/i47sdccv/n49/tlro/fc99f/tct/pct/ta1" frameborder="0" id="clock" width="98" height="18" sandbox="allow-scripts allow-same-origin"></iframe>
  32
  33 <div class="container-fluid">
  34
  35 <h1 id="title">TITLE</h1>
  36 <div id="result"></div>
  37
  38 <div id="content">Content goes here</div>
  39
  40 <div id="tracker">
  41 <h1>Track user</h1>
  42 <div id="tracker_form">
  43 <div class="form-group">
  44 <label for="tracker_username">Username</label>
  45 <input type="text" id="tracker_username" class="form-control">
  46 </div>
  47 <button id="tracker_button" class="btn">Start tracking</button>
  48 </div>
  49
  50 <div id="tracker_tracking" class="hidden">
  51 Tracking <a href="#" id="tracker_userlink"></a>.<br>
  52 <a href="#" id="tracker_stop">Stop tracking</a>
  53 <dl class="dl-horizontal">
  54 <dt>Solved</dt>    <dd id="tracker_solved">?</dd>
  55 <dt>Attempted</dt> <dd id="tracker_attempted">?</dd>
  56 <dt>Contests</dt>  <dd id="tracker_contests">?</dd>
  57 </dl>
  58 </div>
  59 </div>
  60
  61 <footer>
  62 Dilmom: Why don't you call your product the Gruntmaster 6000?<br>
  63 Dilbert: What kind of product do you see when you imagine a Gruntmaster 6000?<br>
  64 Dilmom: Well, it's a stripped-down version of the Gruntmaster 9000, of course. But it's software-upgradeable.
  65 </footer>