-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<html>
- <head>
- <title><%block name="title">XonStat - The Xonotic Statistics Database</%block></title>
- <%block name="css">
- <link rel="stylesheet" href="/static/css/style.css" type="text/css" media="screen" />
+<%namespace name="nav" file="nav.mako"/>
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>XonStat: Player Statistics for Xonotic</title>
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <link rel="shortcut icon" href="/static/favicon.ico">
+
+ <%block name="css">
+ <link href="/static/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/static/css/app.min.css" rel="stylesheet">
+ </%block>
+ </head>
+
+ <body>
+ <%block name="navigation">
+ ${nav.nav("leaderboard")}
+ </%block>
+
+ <div class="container">
+
+ <%block name="hero_unit">
</%block>
- <%block name="js"/>
- </head>
- <body>
- <div id="header">
- <%block name="header">
- <h1>XonStat</h1>
- <h2>The Statistics Database for Xonotic</h2>
- <br />
- </%block>
- </div>
-
- ${self.body()}
-
- <div id="footer">
- <%block name="footer"/>
- </div>
- </body>
+
+ <div class="row">
+ <div class="span12" id="xonborder">
+ <div id="title"><%block name="title"></%block></div>
+ ${self.body()}
+ </div> <!-- /xonborder -->
+ </div> <!-- /main row -->
+
+ <%block name="footer">
+ <div class="row">
+ <div class="span10 offset1">
+ <p class="text-center" >XonStat is an open source (GPLv2) project created by Antibody. Fork it <a href="https://github.com/antzucaro/XonStat" title="Go to the project page">on Github!</a> <br />Questions? Check the <a href="https://github.com/antzucaro/XonStat/wiki/FAQ" title="FAQ">FAQ</a> first. <br />Issues? Log them either <a href="http://dev.xonotic.org/projects/xonstat" title="Xonotic Redmin Issue Tracker">here</a> or <a href="https://github.com/antzucaro/XonStat/issues" title="GitHub issue tracker">here</a> - I check both!</p>
+ </div>
+ </div>
+ </%block>
+
+ <%block name="js">
+ <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
+ <script type='text/javascript' src='/static/js/bootstrap.min.js'></script>
+ </%block>
+
+ <!-- RELATIVE TIME CONVERSION -->
+ <script type="text/javascript">
+ $('.abstime').each(function(i,e){
+ var epoch = e.getAttribute('data-epoch');
+ var d = new Date(0);
+ d.setUTCSeconds(epoch);
+ e.setAttribute('title', d.toDateString() + ' ' + d.toTimeString());
+ });
+ </script>
+
+ <!-- GOOGLE ANALYTICS -->
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30391685-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+
+ </body>
</html>