xonstat/templates/base.mako

   1 <%namespace name="nav" file="nav.mako"/>
   2 <!DOCTYPE html>
   3 <html lang="en">
   4   <head>
   5     <meta charset="utf-8" />
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   7     <meta name="description" content="XonStat: Player statistics for the free and fast shooter Xonotic.">
   8     <meta name="author" content="Ant 'Antibody' Zucaro">
   9
  10     <title>XonStat: Player Statistics for Xonotic</title>
  11
  12     <link rel="shortcut icon" href="/static/favicon.ico">
  13
  14     <%block name="css">
  15       <link href="/static/css/foundation.css" rel="stylesheet">
  16       <link href="/static/css/app.css" rel="stylesheet">
  17     </%block>
  18
  19     <%block name="headjs">
  20       <script src="/static/js/vendor/modernizr.js"></script>
  21     </%block>
  22   </head>
  23
  24   <body>
  25     <%block name="navigation">
  26       ${nav.nav("leaderboard")}
  27     </%block>
  28
  29     <div class="row">
  30       <div class="small-1 large-12 columns" id="xonborder">
  31         <div id="title">
  32           <%block name="title"></%block>
  33         </div>
  34
  35         ${self.body()}
  36
  37       </div> <!-- /xonborder -->
  38     </div> <!-- /row -->
  39
  40     <%block name="footer">
  41       <div class="row">
  42         <div class="small-1 large-12 columns">
  43           <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>
  44         </div>
  45       </div>
  46     </%block>
  47
  48     <%block name="js">
  49      <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
  50      <script src="/static/js/foundation.min.js"></script>
  51      <script>
  52        $(document).foundation();
  53      </script>
  54     </%block>
  55
  56     <!-- RELATIVE TIME CONVERSION -->
  57     <script type="text/javascript">
  58     $('.abstime').each(function(i,e){
  59       var epoch = e.getAttribute('data-epoch');
  60       var d = new Date(0);
  61       d.setUTCSeconds(epoch);
  62       e.setAttribute('title', d.toDateString() + ' ' + d.toTimeString());
  63     });
  64     </script>
  65   </body>
  66 </html>