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

<!DOCTYPE html>
<title smap="title">TITLE</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="/css/cyborg.css" id="stylesheet">
<script src="/js.js" type="text/javascript" async defer></script>

<body>
<nav role="navigation">
<div class="container-fluid">
<ul class="nav nav-pills nav-justified">
<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="nav-contribute"><a href="/contribute">Contribute!</a>

</ul>
</div>
</nav>

<div class="container-fluid">

<h1 id="title">TITLE</h1>
<div id="result"></div>

<div id="content">Content goes here</div>

<div id="login" class="reqjs"><a href="/login">Log in</a></div>

<div id="theme-selector" class="reqjs">
Themes:
<ul class="list-inline">
<li><a href="#" id="theme_slate">Gray</a>
<li><a href="#" id="theme_cyborg">Black</a>
<li><a href="#" id="theme_cerulean">White</a>
<li><a href="#" id="theme_cosmo">Metro</a>
</ul>
</div>

<div id="tracker" class="reqjs">
<h3>Track user</h3>
<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><br>
<a href="#" id="tracker_log">Job log</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>
Dilmom: Well, it's a stripped-down version of the Gruntmaster 9000, of course. But it's software-upgradeable.
</footer>
Commit	Line	Data
	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>