]> de.git.xonotic.org Git - xonotic/xonstat.git/blobdiff - xonstat/templates/base.mako
Remove Persona since it was shut down. :(
[xonotic/xonstat.git] / xonstat / templates / base.mako
old mode 100755 (executable)
new mode 100644 (file)
index b3ab5bc..11c3114
@@ -1,64 +1,72 @@
 <%namespace name="nav" file="nav.mako"/>
+<%namespace name="footer" file="footer.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="">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="XonStat: Player statistics for the free and fast shooter Xonotic.">
+    <meta name="author" content="Ant 'Antibody' Zucaro">
 
-    <!--[if lt IE 9]>
-      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
+    <title>XonStat: Player Statistics for Xonotic</title>
 
-    <style type="text/css">
-      body {
-        padding-top: 60px;
-        padding-bottom: 40px;
-      }
-    </style>
+    <link rel="shortcut icon" href="/static/favicon.ico">
 
     <%block name="css">
-    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="/static/css/style.min.css" rel="stylesheet">
+      ### FOR DEVELOPMENT ONLY
+      ### <link href="/static/css/foundation.css" rel="stylesheet">
+      ### <link href="/static/css/font-awesome.min.css" rel="stylesheet">
+      ### <link href="/static/css/app.css" rel="stylesheet">
+      ### <link href="/static/css/luma.css" rel="stylesheet">
+      <link href="/static/css/xonstat.css" rel="stylesheet">
+    </%block>
+
+    <%block name="headjs">
+      <script src="/static/js/vendor/modernizr.js"></script>
     </%block>
   </head>
 
   <body>
     <%block name="navigation">
-    ${nav.nav("leaderboard")}
+      ${nav.nav("leaderboard")}
+    </%block>
+
+    <%block name="hero_unit">
     </%block>
 
-    <div class="container">
+    <div class="row">
+      <div class="small-12 columns">
+        <div id="title">
+          <%block name="title"></%block>
+        </div>
 
-      <%block name="hero_unit">
-      </%block>
+        ${self.body()}
 
-      <div class="row">
-        <div class="span12" id="xonborder">
-          <div id="title"><%block name="title"></%block></div>
-            ${self.body()}
-        </div> <!-- /xonborder -->
-      </div> <!-- /main row -->
+      </div> <!-- /xonborder -->
+    </div> <!-- /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>
+    ${footer.footer()}
 
-      <%block name="js">
+    <%block name="js">
+      <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
+      <script src="/static/js/foundation.min.js"></script>
+      <%block name="foundation">
+        <script>
+          $(document).foundation();
+        </script>
       </%block>
+    </%block>
 
-      <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);
-      })();
+    <!-- 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>
-
-    </body>
+  </body>
 </html>