From 51611a1d3eb7843cf4bb73aace507aa28f27cd20 Mon Sep 17 00:00:00 2001
From: Ant Zucaro <azucaro@gmail.com>
Date: Sat, 28 Feb 2015 15:51:08 -0500
Subject: [PATCH] Port navigation header from the main site.

---
 xonstat/templates/nav.mako | 91 ++++++++++++++------------------------
 1 file changed, 32 insertions(+), 59 deletions(-)

diff --git a/xonstat/templates/nav.mako b/xonstat/templates/nav.mako
index c011f9e..e952bc4 100644
--- a/xonstat/templates/nav.mako
+++ b/xonstat/templates/nav.mako
@@ -1,65 +1,38 @@
 <%def name="nav(active='leaderboard', login_logout=False)">
-    <div class="navbar navbar-inverse navbar-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <a class="navbar-toggle collapsed" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </a>
-          <a class="navbar-brand" href="${request.route_url('main_index')}">
-           <img src="/static/css/img/Xonotic_icon.png" />
-           XonStat
-          </a>
-          <nav class="nav-main nav-collapse in collapse" role="navigation" style="height: auto;">
-            <ul class="nav">
-              <li 
-                % if active=="leaderboard":
-                class="active"
-                % endif
-                ><a href="${request.route_url('main_index')}" title="Leaderboard">Leaderboard</a></li>
-              <li 
-                % if active=="players":
-                class="active"
-                % endif
-                ><a href="${request.route_url('player_index')}" title="Player Index">Players</a></li>
-              <li 
-                % if active=="games":
-                class="active"
-                % endif
-                ><a href="${request.route_url('game_index')}" title="Game Index">Games</a></li>
-              <li 
-                % if active=="servers":
-                class="active"
-                % endif
-                ><a href="${request.route_url('server_index')}" title="Server Index">Servers</a></li>
-              <li 
-                % if active=="maps":
-                class="active"
-                % endif
-                ><a href="${request.route_url('map_index')}" title="Map Index">Maps</a></li>
-            </ul>
 
-            ##### Login/logout button goes here only if needed #####
-            % if login_logout:
-            <ul class="nav pull-left">
-              <li>${request.persona_button}</li>
-            </ul>
-            % endif
+<!-- HEADER NAVIGATION -->
+<div class="contain-to-grid">
 
-            <form class="navbar-form pull-left" action="${request.route_url('search')}" method="get">
-              <input type="hidden" name="fs" />
-              <input type="search" class="input-small search" placeholder="search" name="sval"/>
-              <select class="search" name="stype">
-                <option>players</option>
-                <option>servers</option>
-                <option>maps</option>
-              </select>
-            [<a href="${request.route_url('search')}" title="Advanced search">+</a>]
-            </form>
-          </nav>
+  <div class="row">
+    <div class="small-12 columns">
+
+      <nav class="top-bar" data-topbar="">
+        <ul class="title-area">
+          <li class="name show-for-medium-up">
+            <h1><a href="http://www.xonotic.org">Xonotic</a></h1>
+          </li>
+          <li class="name show-for-small-only">
+            <a href="/"><img src="http://www.xonotic.org/static/img/xonotic-icon-mono.png"></a>
+          </li>
+          <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
+        </ul>
+
+        <section class="top-bar-section">
+          <!-- Left Nav Section -->
+          <ul class="left">
+            <li><a href="http://www.xonotic.org/download/" title="Download the game"><i class="fa fa-download"></i> Download</a></li>
+            <li><a href="http://www.xonotic.org/media/" title="View screenshots and videos"><i class="fa fa-picture-o"></i> Media</a></li>
+            <li><a href="http://forums.xonotic.org/" title="Visit the community forums"><i class="fa fa-comments"></i> Forums</a></li>
+            <li><a href="http://www.xonotic.org/posts/" title="Read the blog"><i class="fa fa-book"></i> Blog</a></li>
+            <li><a href="/" title="View player statistics and recent games"><i class="fa fa-bar-chart"></i> Stats</a></li>
+            <li><a href="https://gitlab.com/groups/xonotic" title="Contribute to Xonotic"><i class="fa fa-wrench"></i> Contribute</a></li>
+            <li><a href="https://gitlab.com/xonotic/xonotic/wikis/Halogenes_Newbie_Corner" title="Read the beginner's guide"><i class="fa fa-forward"></i> Guide</a></li>
+          </ul>
+        </section>
+      </nav>
 
-        </div>
-      </div>
     </div>
+  </div> <!-- END ROW -->
+</div> <!-- END HEADER NAVIGATION -->
+
 </%def>
-- 
2.39.2