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
  28       <!-- Piwik -->
  29       <script type="text/javascript">
  30         var _paq = _paq || [];
  31         /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  32         _paq.push(['trackPageView']);
  33         _paq.push(['enableLinkTracking']);
  34         (function() {
  35           var u="//analytics.xonotic.org/";
  36           _paq.push(['setTrackerUrl', u+'piwik.php']);
  37           _paq.push(['setSiteId', '2']);
  38           var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  39           g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  40         })();
  41       </script>
  42     </%block>
  43   </head>
  44
  45   <body>
  46     <%block name="navigation">
  47       ${nav.nav("leaderboard")}
  48     </%block>
  49
  50     <%block name="hero_unit">
  51     </%block>
  52
  53     <div class="row">
  54       <div class="small-12 columns">
  55         <div id="title">
  56           <%block name="title"></%block>
  57         </div>
  58
  59         ${self.body()}
  60
  61       </div> <!-- /xonborder -->
  62     </div> <!-- /row -->
  63
  64     ${footer.footer()}
  65
  66     <%block name="js">
  67       <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
  68       <script src="/static/js/foundation.min.js"></script>
  69
  70       <%block name="foundation">
  71         <script>
  72           $(document).foundation();
  73         </script>
  74       </%block>
  75     </%block>
  76
  77     <!-- RELATIVE TIME CONVERSION -->
  78     <script type="text/javascript">
  79     $('.abstime').each(function(i,e){
  80       var epoch = e.getAttribute('data-epoch');
  81       var d = new Date(0);
  82       d.setUTCSeconds(epoch);
  83       e.setAttribute('title', d.toDateString() + ' ' + d.toTimeString());
  84     });
  85     </script>
  86   </body>
  87 </html>