Add popular, top, trending bar

src/invidious/views/index.ecr

@@ -3,6 +3,30 @@
 <title>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| %>