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