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 class="logo logo-mindcoding center-block"></div>
  35 <h1 id="title">TITLE</h1>
  36 <div id="result"></div>
  37
  38 <div id="content">Content goes here</div>
  39
  40 <div id="login" class="reqjs"><a href="/login">Log in</a></div>
  41 <div id="webchat"><a href="http://webchat.oftc.net/?channels=%23mindcoding" target="_blank">Webchat</a></div>
  42
  43 <div id="tracker" class="reqjs">
  44 <h3>Track user</h3>
  45 <div id="tracker_form">
  46 <div class="form-group">
  47 <label for="tracker_username">Username</label>
  48 <input type="text" id="tracker_username" class="form-control">
  49 </div>
  50 <button id="tracker_button" class="btn btn-default">Start tracking</button>
  51 </div>
  52
  53 <div id="tracker_tracking" class="hidden">
  54 Tracking <a href="#" id="tracker_userlink"></a>.<br>
  55 <a href="#" id="tracker_stop">Stop tracking</a><br>
  56 <a href="#" id="tracker_log">Job log</a>
  57 <dl class="dl-horizontal">
  58 <dt>Solved</dt>    <dd id="tracker_solved">?</dd>
  59 <dt>Attempted</dt> <dd id="tracker_attempted">?</dd>
  60 <dt>Contests</dt>  <dd id="tracker_contests">?</dd>
  61 </dl>
  62 </div>
  63 </div>
  64
  65 <div id="sponsors">
  66 <h3>Official sponsors</h3>
  67 <a class="logo logo-emag" href="http://www.fundatiaemag.ro/"></a>
  68 <a class="logo logo-easyhost" href="http://ro.easyhost.com/"></a>
  69 <a class="logo logo-takeofflabs" href="http://www.takeofflabs.com/"></a>
  70 <a class="logo logo-bigstep" href="http://www.bigstep.com/"></a>
  71 </div>
  72
  73 <footer>
  74 <div class="row">
  75 <div class="col-md-6 column text-center">
  76 <a class="logo logo-hermes" href="http://www.societatea-hermes.ro"></a>
  77 </div>
  78
  79 <div class="col-md-6 column text-center">
  80 <a class="logo logo-facebook" href="http://www.facebook.com/mindcodingcluj"></a>
  81 </div>
  82 </div>
  83
  84 <h3>Partners</h3>
  85 <a href="https://www.facebook.com/spyhce?fref=ts" class="logo logo-spyhce"></a>
  86 <a href="https://www.facebook.com/telenav?fref=ts" class="logo logo-telenav"></a>
  87 <h3>Media Partners</h3>
  88 <a href="http://cs.ubbcluj.ro" class="logo logo-csf"></a>
  89 <a href="http://www.uniunea.ro" class="logo logo-usr"></a>
  90 <a href="http://www.coscj.ro" class="logo logo-cos"></a>
  91 <a href="http://www.cluj2015.ro/romana" class="logo logo-eyc"></a>
  92 </footer>