Use div for login link

[plack-app-gruntmaster.git] / tmpl / skel.en

diff --git a/tmpl/skel.en b/tmpl/skel.en
index d9ce6fc37962b21dcc799ee3fed9d6188d5592da..8637c06b7c15c986e4501b25789391100dc71b4a 100644 (file)
--- a/tmpl/skel.en
+++ b/tmpl/skel.en
@@ -10,11 +10,12 @@
 <nav role="navigation">
 <div class="container-fluid">
 <ul class="nav nav-pills nav-justified">
-<li><a href="/">Gruntmaster 6000</a>
-<li><a href="/pb/">Problems</a>
-<li><a href="/ct/">Contests</a>
-<li><a href="/log/">Job log</a>
-<li><a href="/account">Account</a>
+<li id="nav-home"><a href="/">Gruntmaster 6000</a>
+<li id="nav-pb"><a href="/pb/">Problems</a>
+<li id="nav-ct"><a href="/ct/">Contests</a>
+<li id="nav-log"><a href="/log/">Job log</a>
+<li id="nav-us"><a href="/us/">Users</a>
+<li id="nav-account"><a href="/account">Account</a>
 <li id="theme-selector" class="hidden"><a class="dropdown-toggle" data-toggle="dropdown"> Theme <span class="caret"></span></a>
 <ul class="dropdown-menu" role="menu">
 <li><a href="#" id="theme_slate">Gunmetal gray</a>
@@ -27,8 +28,6 @@
 </div>
 </nav>
 
-<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>
-
 <div class="container-fluid">
 
 <h1 id="title">TITLE</h1>
@@ -36,6 +35,29 @@
 
 <div id="content">Content goes here</div>
 
+<div id="login" class="hidden"><a href="/login">Log in</a></div>
+
+<div id="tracker" class="hidden">
+<h1>Track user</h1>
+<div id="tracker_form">
+<div class="form-group">
+<label for="tracker_username">Username</label>
+<input type="text" id="tracker_username" class="form-control">
+</div>
+<button id="tracker_button" class="btn btn-default">Start tracking</button>
+</div>
+
+<div id="tracker_tracking" class="hidden">
+Tracking <a href="#" id="tracker_userlink"></a>.<br>
+<a href="#" id="tracker_stop">Stop tracking</a>
+<dl class="dl-horizontal">
+<dt>Solved</dt>    <dd id="tracker_solved">?</dd>
+<dt>Attempted</dt> <dd id="tracker_attempted">?</dd>
+<dt>Contests</dt>  <dd id="tracker_contests">?</dd>
+</dl>
+</div>
+</div>
+
 <footer>
 Dilmom: Why don't you call your product the Gruntmaster 6000?<br>
 Dilbert: What kind of product do you see when you imagine a Gruntmaster 6000?<br>