<!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="">
+ <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">
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
+ <title>XonStat: Player Statistics for Xonotic</title>
<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">
+ <link href="/static/css/foundation.css" rel="stylesheet">
+ <link href="/static/css/app.css" rel="stylesheet">
+ </%block>
+
+ <%block name="headjs">
+ <script src="/static/js/vendor/modernizr.js"></script>
</%block>
</head>
<body>
<%block name="navigation">
- ${nav.nav("leaderboard")}
+ ${nav.nav("leaderboard")}
</%block>
- <div class="container">
+ <div class="row">
+ <div class="small-1 large-12 columns" id="xonborder">
+ <div id="title">
+ <%block name="title"></%block>
+ </div>
- <%block name="hero_unit">
- </%block>
+ ${self.body()}
- <div class="row">
- <div class="span12" id="xonborder">
- <div id="title"><%block name="title"></%block></div>
- ${self.body()}
- </div> <!-- /xonborder -->
- </div> <!-- /main row -->
+ </div> <!-- /xonborder -->
+ </div> <!-- /row -->
- <%block name="footer">
+ <%block name="footer">
<div class="row">
- <div class="span10 offset1">
+ <div class="small-1 large-12 columns">
<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/2.1.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>
- </body>
+ </%block>
+
+ <%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>
+ <script>
+ $(document).foundation();
+ </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>
+ </body>
</html>