-<!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 - Player Statistics for Xonotic</%block></title>
- <%block name="css">
- <link rel="stylesheet" href="/static/css/normalize.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="/static/css/style.css" type="text/css" media="screen" />
- </%block>
- <%block name="js">
- </%block>
- </head>
- <body>
- <div id="header">
- <%block name="header">
- <h1><a href="/" title="Home Page">XonStat</a></h1>
- <h3>Player Statistics for Xonotic</h3>
- </%block>
- <ul id="nav">
- <li><a href="/players" title="Player Index">players</a></li>
- <li><a href="/games" title="Game Index">games</a></li>
- <li><a href="" title="Map Index">maps</a></li>
- <li><a href="" title="Server Index">servers</a></li>
- </ul>
- </div> <!-- END HEADER -->
- <div id="main">
- ${self.body()}
- </div> <!-- END MAIN -->
- <div id="footer">
- <%block name="footer">
- <p>XonStat is a 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></p>
- </%block>
- </div> <!-- END FOOTER -->
- </body>
+<%namespace name="nav" file="nav.mako"/>
+<%namespace name="footer" file="footer.mako" />
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta name="description" content="XonStat: Player statistics for the free and fast shooter Xonotic.">
+ <meta name="author" content="Ant 'Antibody' Zucaro">
+
+ <title>XonStat: Player Statistics for Xonotic</title>
+
+ <link rel="shortcut icon" href="/static/favicon.ico">
+
+ <%block name="css">
+ ### FOR DEVELOPMENT ONLY
+ ### <link href="/static/css/foundation.css" rel="stylesheet">
+ ### <link href="/static/css/font-awesome.min.css" rel="stylesheet">
+ ### <link href="/static/css/app.css" rel="stylesheet">
+ ### <link href="/static/css/luma.css" rel="stylesheet">
+ <link href="/static/css/xonstat.css" rel="stylesheet">
+ </%block>
+
+ <%block name="headjs">
+ <script src="/static/js/vendor/modernizr.js"></script>
+
+ <!-- Piwik -->
+ <script type="text/javascript">
+ var _paq = _paq || [];
+ /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+ _paq.push(['trackPageView']);
+ _paq.push(['enableLinkTracking']);
+ (function() {
+ var u="//analytics.xonotic.org/";
+ _paq.push(['setTrackerUrl', u+'piwik.php']);
+ _paq.push(['setSiteId', '2']);
+ var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+ g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+ })();
+ </script>
+ </%block>
+ </head>
+
+ <body>
+ <%block name="navigation">
+ ${nav.nav("leaderboard")}
+ </%block>
+
+ <%block name="hero_unit">
+ </%block>
+
+ <div class="row">
+ <div class="small-12 columns">
+ <div id="title">
+ <%block name="title"></%block>
+ </div>
+
+ ${self.body()}
+
+ </div> <!-- /xonborder -->
+ </div> <!-- /row -->
+
+ ${footer.footer()}
+
+ <%block name="js">
+ <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
+ <script src="/static/js/foundation.min.js"></script>
+
+ <%block name="foundation">
+ <script>
+ $(document).foundation();
+ </script>
+ </%block>
+ </%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>
+ </body>
</html>