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/slate.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="/">Home</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-about"><a href="/about">About / Help</a>
  20 <li id="nav-contribute"><a href="/contribute">Contribute!</a>
  21 <li id="theme-selector" class="reqjs"><a class="dropdown-toggle" data-toggle="dropdown"> Theme <span class="caret"></span></a>
  22 <ul class="dropdown-menu" role="menu">
  23 <li><a href="#" id="theme_slate">Gunmetal gray</a>
  24 <li><a href="#" id="theme_cyborg">Black</a>
  25 <li><a href="#" id="theme_cerulean">White</a>
  26 <li><a href="#" id="theme_cosmo">Metro</a>
  27 </ul>
  28
  29 </ul>
  30 </div>
  31 </nav>
  32
  33 <div class="container-fluid">
  34 <div id="logo"></div>
  35
  36 <h1 id="title">TITLE</h1>
  37 <div id="result"></div>
  38
  39 <div id="content">Content goes here</div>
  40
  41 <div id="login" class="reqjs"><a href="/login">Log in</a></div>
  42 <div id="webchat"><a href="http://webchat.oftc.net/?channels=%23mindcoding" target="_blank">Webchat</a></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 <div id="sponsors">
  67 <h3>Official sponsors</h3>
  68 <a class="logo logo-emag" href="http://www.fundatiaemag.ro/"></a>
  69 <a class="logo logo-easyhost" href="http://ro.easyhost.com/"></a>
  70 <a class="logo logo-takeofflabs" href="http://www.takeofflabs.com/"></a>
  71 <a class="logo logo-bigstep" href="http://www.bigstep.com/"></a>
  72 <a class="logo logo-yardi" href="https://www.facebook.com/YardiRomania"></a>
  73 <a class="logo logo-bosch" href="http://www.bosch.com.ro/"></a>
  74 <a class="logo logo-endava" href="http://www.endava.com/"></a>
  75 </div>
  76
  77 <footer>
  78 <div class="row">
  79 <div class="col-md-6 column text-center">
  80 <a class="logo logo-hermes" href="http://www.societatea-hermes.ro"></a>
  81 </div>
  82
  83 <div class="col-md-6 column text-center">
  84 <a class="logo logo-facebook" href="http://www.facebook.com/mindcodingcluj"></a>
  85 </div>
  86 </div>
  87
  88 <h3>Partners</h3>
  89 <a href="https://www.facebook.com/spyhce?fref=ts" class="logo logo-spyhce"></a>
  90 <a href="https://www.facebook.com/telenav?fref=ts" class="logo logo-telenav"></a>
  91 <h3>Media Partners</h3>
  92 <a href="http://cs.ubbcluj.ro" class="logo logo-csf"></a>
  93 <a href="http://www.uniunea.ro" class="logo logo-usr"></a>
  94 <a href="http://www.coscj.ro" class="logo logo-cos"></a>
  95 <a href="http://www.cluj2015.ro/romana" class="logo logo-eyc"></a>
  96 </footer>