From 24538b729602cf994d69af62ae4284dc7c2cc6a4 Mon Sep 17 00:00:00 2001
From: Fredrik August Madsen-Malmo <mail.fredrikaugust@gmail.com>
Date: Thu, 26 Jul 2018 16:46:43 +0200
Subject: Clean up navigation bar code

And update README so that arch users don't have to update their entire
system to install the required packages.
---
 src/invidious/views/layout.ecr | 60 ++++++++++++++++++++----------------------
 1 file changed, 29 insertions(+), 31 deletions(-)

(limited to 'src')

diff --git a/src/invidious/views/layout.ecr b/src/invidious/views/layout.ecr
index 8df75e3f..67b9ba5d 100644
--- a/src/invidious/views/layout.ecr
+++ b/src/invidious/views/layout.ecr
@@ -20,51 +20,49 @@
   <div class="pure-g">
     <div class="pure-u-1 pure-u-md-1-5"></div>
     <div class="pure-u-1 pure-u-md-3-5">
-      <div class="pure-g" style="padding:1em;">
+      <div class="pure-g navbar">
         <div class="pure-u-1 pure-u-md-4-24">
-          <center><a href="/" class="pure-menu-heading">Invidious</a></center>
+          <a href="/" class="index-link pure-menu-heading">Invidious</a>
         </div>
-        <div class="pure-u-1 pure-u-md-12-24">
+        <div class="pure-u-1 pure-u-md-12-24 searchbar">
           <form class="pure-form" action="/search" method="get">
             <fieldset>
               <input type="search" style="width:100%;" name="q" placeholder="search" value="<%= env.params.query["q"]? %>">
             </fieldset>
           </form>
         </div>
-        <div class="pure-u-1 pure-u-md-8-24">
+        <div class="pure-u-1 pure-u-md-8-24 user-field">
         <% if env.get? "user" %>
-          <div class="pure-g">
-            <div class="pure-u-1-3">
-              <a href="/feed/subscriptions" class="pure-menu-heading">
-                <% notification_count = env.get("user").as(User).notifications.size %>
-                <% if notification_count > 0 %>
-                <center><%= notification_count %> <i class="fas fa-bell"></i></center>
-                <% else %>
-                <center><i class="far fa-bell"></i></center>
-                <% end %>
-              </a>
-            </div>
-            <div class="pure-u-1-3">
-              <a href="/preferences" class="pure-menu-heading">
-                <center><i class="fas fa-cog"></i></center>
-              </a>
-            </div>
-            <div class="pure-u-1-3">
-              <a href="/signout" class="pure-menu-heading">
-                <center>Sign out</center>
-              </a>
-            </div>
-          </div>
+        <div class="pure-u-1-3">
+          <a href="/feed/subscriptions" class="pure-menu-heading">
+            <% notification_count = env.get("user").as(User).notifications.size %>
+            <% if notification_count > 0 %>
+            <%= notification_count %> <i class="fas fa-bell"></i>
+            <% else %>
+            <i class="far fa-bell"></i>
+            <% end %>
+          </a>
+        </div>
+        <div class="pure-u-1-3">
+          <a href="/preferences" class="pure-menu-heading">
+            <i class="fas fa-cog"></i>
+          </a>
+        </div>
+        <div class="pure-u-1-3">
+          <a href="/signout" class="pure-menu-heading">Sign out</a>
+        </div>
         <% else %>
-          <center><a href="/login" class="pure-menu-heading">Login</a></center>
+          <a href="/login" class="pure-menu-heading">Login</a>
         <% end %>
         </div>
       </div>
       <%= content %>
-      <center class="h-box">
-        Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> -
-        source available <a href="https://github.com/omarroth/invidious">here</a>
-      </center>
+      <div class="footer">
+        Released under AGPLv3 by <a href="https://github.com/omarroth">Omar
+          Roth</a>.
+        Source available <a
+          href="https://github.com/omarroth/invidious">here</a>.
+      </div>
     </div>
     <div class="pure-u-1 pure-u-md-1-5"></div>
   </div>
-- 
cgit v1.2.3