invidious-experimenting/src/views/index.ecr

<% content_for "header" do %>
<title>Invidious</title>
<% end %>

<% top_videos.each_slice(4) do |slice| %>
<div class="pure-g">
<% slice.each do |video| %>
    <div class="pure-u-1 pure-u-md-1-4">
        <div class="h-box">
            <a style="width:100%;" href="/watch?v=<%= video.id %>">
                <img style="width:100%;" src="https://i.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/>
                <p><%= video.title %></p>
            </a>
            <p>
                <b><a style="width:100%;" href="https://youtube.com/channel/<%= video.info["ucid"] %>"><%= video.info["author"] %></a></b>
            </p>
        </div>
    </div>
    <% end %>
</div>
<% end %>