From 3cce74d3640d53e4a317981065c8760b38ce33e1 Mon Sep 17 00:00:00 2001
From: Omar Roth <omarroth@hotmail.com>
Date: Fri, 8 Feb 2019 10:34:32 -0600
Subject: [PATCH] Add feed menu to popular, top, and trending

---
 src/invidious/views/popular.ecr  | 25 +++++++++++++++++++++++++
 src/invidious/views/top.ecr      | 25 +++++++++++++++++++++++++
 src/invidious/views/trending.ecr | 25 +++++++++++++++++++++++++
 3 files changed, 75 insertions(+)

diff --git a/src/invidious/views/popular.ecr b/src/invidious/views/popular.ecr
index 8ce1c161..8d67241f 100644
--- a/src/invidious/views/popular.ecr
+++ b/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| %>
diff --git a/src/invidious/views/top.ecr b/src/invidious/views/top.ecr
index c120e57c..ea5679c4 100644
--- a/src/invidious/views/top.ecr
+++ b/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| %>
diff --git a/src/invidious/views/trending.ecr b/src/invidious/views/trending.ecr
index 82d03b07..a3db4de3 100644
--- a/src/invidious/views/trending.ecr
+++ b/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">