invidious-experimenting/src/invidious/views/trending.ecr

<% 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">
        </form>
    </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 %>&region=<%= region %>">
                    <%= translate(locale, option) %>
                    </a>
                    <% end %>
                </div>
            <% end %>
        </div>
    </div>
</div>

<div class="h-box">
    <hr>
</div>

<div class="pure-g">
<% trending.each_slice(4) do |slice| %>
        <% slice.each do |item| %>
            <%= rendered "components/item" %>
        <% end %>
<% end %>
</div>