2018-11-20 17:18:12 +00:00
|
|
|
<% content_for "header" do %>
|
2019-02-08 16:34:32 +00:00
|
|
|
<meta name="description" content="<%= translate(locale, "An alternative front-end to YouTube") %>">
|
2019-03-01 22:06:45 +00:00
|
|
|
<title><% if config.default_home != "Trending" %><%= translate(locale, "Trending") %> - <% end %>Invidious</title>
|
2018-11-20 17:18:12 +00:00
|
|
|
<% end %>
|
2019-02-08 16:34:32 +00:00
|
|
|
|
2019-02-24 17:51:33 +00:00
|
|
|
<%= rendered "components/feed_menu" %>
|
2018-11-20 17:18:12 +00:00
|
|
|
|
2018-12-20 22:48:45 +00:00
|
|
|
<div class="pure-g h-box">
|
2019-04-15 00:04:10 +00:00
|
|
|
<div style="align-self:flex-end" class="pure-u-2-3">
|
|
|
|
<% if plid %>
|
|
|
|
<a href="/playlist?list=<%= plid %>"><%= translate(locale, "View as playlist") %></a>
|
|
|
|
<% end %>
|
2018-12-20 22:48:45 +00:00
|
|
|
</div>
|
|
|
|
<div class="pure-u-1-3">
|
|
|
|
<div class="pure-g" style="text-align:right;">
|
|
|
|
<% {"Default", "Music", "Gaming", "News", "Movies"}.each do |option| %>
|
|
|
|
<div class="pure-u-1 pure-md-1-3">
|
|
|
|
<% if trending_type == option %>
|
|
|
|
<b><%= translate(locale, option) %></b>
|
|
|
|
<% else %>
|
|
|
|
<a href="/feed/trending?type=<%= option %>®ion=<%= region %>">
|
|
|
|
<%= translate(locale, option) %>
|
|
|
|
</a>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="h-box">
|
|
|
|
<hr>
|
|
|
|
</div>
|
|
|
|
|
2018-11-20 17:18:12 +00:00
|
|
|
<div class="pure-g">
|
|
|
|
<% trending.each_slice(4) do |slice| %>
|
|
|
|
<% slice.each do |item| %>
|
|
|
|
<%= rendered "components/item" %>
|
|
|
|
<% end %>
|
|
|
|
<% end %>
|
|
|
|
</div>
|