X-Git-Url: http://de.git.xonotic.org/?a=blobdiff_plain;f=xonstat%2Ftemplates%2Fnav.mako;h=3d789b62d4932c63fa06ae174218f53f593cf63d;hb=930957ce5620a870f9f4d3b3182cd6ee18f001e3;hp=568ddae8efbde724c0bb75d629ce5e85788b2f33;hpb=88cde4e44661e608c17218255caf4bf5637f638b;p=xonotic%2Fxonstat.git

diff --git a/xonstat/templates/nav.mako b/xonstat/templates/nav.mako
index 568ddae..3d789b6 100644
--- a/xonstat/templates/nav.mako
+++ b/xonstat/templates/nav.mako
@@ -1,58 +1,51 @@
-<%def name="nav(active)">
-    <div class="navbar navbar-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="i-bar"></span>
-            <span class="i-bar"></span>
-            <span class="i-bar"></span>
-          </a>
-          <header>
-            <a class="brand" href="${request.route_url('main_index')}">
-             <img src="/static/css/img/Xonotic_icon.png" /><h1>Xonotic Game Statistics</h1>
-            </a>
-            <h2>Xonotic is a fast-paced open-source GPL first person shooter</h2>
-          </header>
-          <div class="nav-collapse">
-            <ul class="nav">
-              <li 
-                % if active=="leaderboard":
-                class="active"
+<%def name="nav(active='leaderboard', login_logout=False)">
+
+<!-- HEADER NAVIGATION -->
+<div class="contain-to-grid">
+
+  <div class="row">
+    <div class="small-12 columns">
+
+      <nav class="top-bar" data-topbar="" data-options="is_hover: false">
+        <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="/static/css/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 class="has-dropdown">
+              <a href="/" title="View player statistics and recent games"><i class="fa fa-bar-chart"></i> Stats</a>
+              <ul class="dropdown">
+                <li><a href="${request.route_url('main_index')}" title="Leaderboard">Leaderboard</a></li>
+                <li><a href="${request.route_url('player_index')}" title="Player Index">Players</a></li>
+                <li><a href="${request.route_url('game_index')}" title="Game Index">Games</a></li>
+                <li><a href="${request.route_url('server_index')}" title="Server Index">Servers</a></li>
+                <li><a href="${request.route_url('map_index')}" title="Map Index">Maps</a></li>
+                <li><a href="${request.route_url('search')}" title="Search">Search</a></li>
+                % if login_logout:
+                  <li><a href="#" title="Log in with Mozilla Persona">${request.persona_button}</a></li>
                 % 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>
-            <form id="navsearch" action="${request.route_url('search')}" method="get">
-              <input type="hidden" name="fs" />
-              <input type="search" class="input-small" placeholder="search" name="sval"/>
-              <select name="stype">
-                <option>players</option>
-                <option>servers</option>
-                <option>maps</option>
-              </select>
-            [<a href="${request.route_url('search')}" title="Advanced search">+</a>]
-            </form>
-          </div><!--/.nav-collapse -->
-        </div>
-      </div>
+              </ul>
+            </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> <!-- END ROW -->
+</div> <!-- END HEADER NAVIGATION -->
+
 </%def>