Add feed menu to popular, top, and trending

src/invidious/views/popular.ecr

@@ -1,7 +1,32 @@
 <% content_for "header" do %>
+<meta name="description" content="<%= translate(locale, "An alternative front-end to YouTube") %>">
 <title><%= translate(locale, "Popular") %> - Invidious</title>
 <% end %>
 
+<div class="h-box pure-g">
+    <div class="pure-u-1-4"></div>
+    <div class="pure-u-1 pure-u-md-1-2">
+        <div class="pure-g">
+            <div class="pure-u-1-3">
+                <a href="/feed/popular" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Popular") %>
+                </a>
+            </div>
+            <div class="pure-u-1-3">
+                <a href="/feed/top" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Top") %>
+                </a>
+            </div>
+            <div class="pure-u-1-3">
+                <a href="/feed/trending" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Trending") %>
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="pure-u-1-4"></div>
+</div>
+
 <div class="pure-g">
 <% popular_videos.each_slice(4) do |slice| %>
         <% slice.each do |item| %>

src/invidious/views/top.ecr

@@ -1,7 +1,32 @@
 <% content_for "header" do %>
+<meta name="description" content="<%= translate(locale, "An alternative front-end to YouTube") %>">
 <title><%= translate(locale, "Top") %> - Invidious</title>
 <% end %>
 
+<div class="h-box pure-g">
+    <div class="pure-u-1-4"></div>
+    <div class="pure-u-1 pure-u-md-1-2">
+        <div class="pure-g">
+            <div class="pure-u-1-3">
+                <a href="/feed/popular" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Popular") %>
+                </a>
+            </div>
+            <div class="pure-u-1-3">
+                <a href="/feed/top" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Top") %>
+                </a>
+            </div>
+            <div class="pure-u-1-3">
+                <a href="/feed/trending" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Trending") %>
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="pure-u-1-4"></div>
+</div>
+
 <div class="pure-g">
 <% top_videos.each_slice(4) do |slice| %>
         <% slice.each do |item| %>

src/invidious/views/trending.ecr

@@ -1,7 +1,32 @@
 <% content_for "header" do %>
+<meta name="description" content="<%= translate(locale, "An alternative front-end to YouTube") %>">
 <title><%= translate(locale, "Trending") %> - Invidious</title>
 <% end %>
 
+<div class="h-box pure-g">
+    <div class="pure-u-1-4"></div>
+    <div class="pure-u-1 pure-u-md-1-2">
+        <div class="pure-g">
+            <div class="pure-u-1-3">
+                <a href="/feed/popular" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Popular") %>
+                </a>
+            </div>
+            <div class="pure-u-1-3">
+                <a href="/feed/top" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Top") %>
+                </a>
+            </div>
+            <div class="pure-u-1-3">
+                <a href="/feed/trending" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, "Trending") %>
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="pure-u-1-4"></div>
+</div>
+
 <div class="pure-g h-box">
     <div class="pure-u-2-3">
         <form class="pure-form pure-form-aligned" action="/feed/trending" method="get">