]> 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
index 5f96eb88fa236c4e2ae284250ca23d1ae3b16b0c..11c3114c1ff7f1a17b92c978131df64b7f7ac4e4 100644 (file)
@@ -1,33 +1,72 @@
-<!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">
-            ${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 -->
-    </body>
+<%namespace name="nav" file="nav.mako"/>
+<%namespace name="footer" file="footer.mako" />
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <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">
+
+    <title>XonStat: Player Statistics for Xonotic</title>
+
+    <link rel="shortcut icon" href="/static/favicon.ico">
+
+    <%block name="css">
+      ### 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")}
+    </%block>
+
+    <%block name="hero_unit">
+    </%block>
+
+    <div class="row">
+      <div class="small-12 columns">
+        <div id="title">
+          <%block name="title"></%block>
+        </div>
+
+        ${self.body()}
+
+      </div> <!-- /xonborder -->
+    </div> <!-- /row -->
+
+    ${footer.footer()}
+
+    <%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>
+
+    <!-- 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>
 </html>