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/font-awesome.min.css" rel="stylesheet">
  17       <link href="/static/css/app.css" rel="stylesheet">
  18     </%block>
  19
  20     <%block name="headjs">
  21       <script src="/static/js/vendor/modernizr.js"></script>
  22     </%block>
  23   </head>
  24
  25   <body>
  26     <%block name="navigation">
  27       ${nav.nav("leaderboard")}
  28     </%block>
  29
  30     <div class="row">
  31       <div class="small-1 large-12 columns" id="xonborder">
  32         <div id="title">
  33           <%block name="title"></%block>
  34         </div>
  35
  36         ${self.body()}
  37
  38       </div> <!-- /xonborder -->
  39     </div> <!-- /row -->
  40
  41     <%block name="footer">
  42       <div class="row">
  43         <div class="small-1 large-12 columns">
  44           <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>
  45         </div>
  46       </div>
  47     </%block>
  48
  49     <%block name="js">
  50      <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
  51      <script src="/static/js/foundation.min.js"></script>
  52      <script>
  53        $(document).foundation();
  54      </script>
  55     </%block>
  56
  57     <!-- RELATIVE TIME CONVERSION -->
  58     <script type="text/javascript">
  59     $('.abstime').each(function(i,e){
  60       var epoch = e.getAttribute('data-epoch');
  61       var d = new Date(0);
  62       d.setUTCSeconds(epoch);
  63       e.setAttribute('title', d.toDateString() + ' ' + d.toTimeString());
  64     });
  65     </script>
  66   </body>
  67 </html>