xonstat/templates/base.mako

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