1491d57ed9e27e1435804f4e946902d7a47597d6
[xonotic/xonstat.git] / 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     <title>XonStat: Player Statistics for Xonotic</title>
7     <meta name="description" content="">
8     <meta name="author" content="">
9
10     <!--[if lt IE 9]>
11       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
12     <![endif]-->
13
14     <link rel="shortcut icon" href="/static/favicon.ico">
15
16     <%block name="css">
17     <link href="/static/css/bootstrap.css" rel="stylesheet">
18     <link href="/static/css/app.css" rel="stylesheet">
19     </%block>
20   </head>
21
22   <body>
23     <%block name="navigation">
24     ${nav.nav("leaderboard")}
25     </%block>
26
27     <div class="container">
28
29       <%block name="hero_unit">
30       </%block>
31
32       <div class="row">
33         <div class="span12" id="xonborder">
34           <div id="title"><%block name="title"></%block></div>
35             ${self.body()}
36         </div> <!-- /xonborder -->
37       </div> <!-- /main row -->
38
39       <%block name="footer">
40       <p class="pagination-centered">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>
41       </%block>
42
43       <%block name="js">
44       <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
45       <script type='text/javascript' src='/static/js/bootstrap.min.js'></script>
46       </%block>
47
48       <!-- RELATIVE TIME CONVERSION -->
49       <script type="text/javascript">
50       $('.abstime').each(function(i,e){
51         var epoch = e.getAttribute('data-epoch');
52         var d = new Date(0);
53         d.setUTCSeconds(epoch);
54         e.setAttribute('title', d.toDateString() + ' ' + d.toTimeString());  
55       });
56       </script>
57
58       <!-- GOOGLE ANALYTICS -->
59       <script type="text/javascript">
60       var _gaq = _gaq || [];
61       _gaq.push(['_setAccount', 'UA-30391685-1']);
62       _gaq.push(['_trackPageview']);
63
64       (function() {
65         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
66         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
67         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
68       })();
69     </script>
70
71     </body>
72 </html>