]> de.git.xonotic.org Git - xonotic/xonstat.git/blobdiff - xonstat/templates/base.mako
Merge branch 'badges' into approved
[xonotic/xonstat.git] / xonstat / templates / base.mako
index 5f96eb88fa236c4e2ae284250ca23d1ae3b16b0c..3947174e39183162305ea6e070d6377563167c99 100644 (file)
@@ -1,33 +1,79 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-    <head>
-        <title><%block name="title">XonStat - Player Statistics for Xonotic</%block></title>
-        <%block name="css">
-        <link rel="stylesheet" href="/static/css/normalize.css" type="text/css" media="screen" />
-        <link rel="stylesheet" href="/static/css/style.css" type="text/css" media="screen" />
-        </%block>
-        <%block name="js">
-        </%block>
-    </head>
-    <body>
-        <div id="header">
-            <%block name="header">
-            <h1><a href="/" title="Home Page">XonStat</a></h1>
-            <h3>Player Statistics for Xonotic</h3>
-            </%block>
-            <ul id="nav">
-                <li><a href="/games" title="Game Index">games</a></li>
-                <li><a href="" title="Map Index">maps</a></li>
-                <li><a href="" title="Server Index">servers</a></li>
-            </ul>
-        </div> <!-- END HEADER -->
-        <div id="main">
+<%namespace name="nav" file="nav.mako"/>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>XonStat: Player Statistics for Xonotic</title>
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+
+    <style type="text/css">
+      body {
+        padding-top: 60px;
+        padding-bottom: 40px;
+      }
+    </style>
+
+    <%block name="css">
+    <!-- <link href="/static/css/style.min.css" rel="stylesheet"> -->
+    <link href="/static/css/style.css" rel="stylesheet">
+    <link type="images/vnd.microsoft.icon" rel="shortcut icon" href="/static/favicon.ico">
+    </%block>
+    
+    <script src="/static/js/jquery-1.7.1.min.js"></script>
+  </head>
+
+  <body>
+    <%block name="navigation">
+    ${nav.nav("leaderboard")}
+    </%block>
+
+    <div class="container">
+
+      <%block name="hero_unit">
+      </%block>
+
+      <div class="row">
+        <div class="span12" id="xonborder">
+          <div id="title"><%block name="title"></%block>&nbsp;</div>
             ${self.body()}
-        </div> <!-- END MAIN -->
-        <div id="footer">
-            <%block name="footer">
-            <p>XonStat is a 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></p>
-            </%block>
-        </div> <!-- END FOOTER -->
+        </div> <!-- /xonborder -->
+      </div> <!-- /main row -->
+
+      <%block name="footer">
+      <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>
+      </%block>
+
+      <%block name="js">
+      <script src="/static/js/jquery-1.7.1.min.js"></script>
+      </%block>
+
+      <!-- RELATIVE TIME CONVERSION -->
+      <script type="text/javascript">
+      $('.abstime').each(function(i,e){
+        var epoch = e.getAttribute('data-epoch');
+        var d = new Date(0);
+        d.setUTCSeconds(epoch);
+        e.setAttribute('title', d.toDateString() + ' ' + d.toTimeString());  
+      });
+      </script>
+
+      <!-- GOOGLE ANALYTICS -->
+      <script type="text/javascript">
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-30391685-1']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+    </script>
+
     </body>
 </html>