2018-01-07 17:40:03 +00:00
|
|
|
<% content_for "header" do %>
|
2018-01-28 02:10:37 +00:00
|
|
|
<title><%= query.size > 30 ? query[0,30].rstrip(".") + "..." : query %> - Invidious</title>
|
2018-01-07 17:40:03 +00:00
|
|
|
<% end %>
|
2018-01-15 03:16:09 +00:00
|
|
|
|
2018-02-06 00:05:23 +00:00
|
|
|
<% videos.each_slice(4) do |slice| %>
|
|
|
|
<div class="pure-g">
|
2018-03-16 17:14:40 +00:00
|
|
|
<% slice.each do |video| %>
|
2018-02-06 00:05:23 +00:00
|
|
|
<div class="pure-u-1 pure-u-md-1-4">
|
2018-04-17 20:53:12 +00:00
|
|
|
<div class="h-box">
|
2018-03-29 00:01:07 +00:00
|
|
|
<a style="width:100%;" href="/watch?v=<%= video["id"] %>">
|
2018-04-06 01:54:56 +00:00
|
|
|
<img style="width:100%;" src="https://i.ytimg.com/vi/<%= video["id"] %>/mqdefault.jpg"/>
|
2018-03-25 03:39:07 +00:00
|
|
|
<p><%= video["title"] %></p>
|
2018-01-16 04:11:51 +00:00
|
|
|
</a>
|
2018-03-16 17:14:40 +00:00
|
|
|
<p>
|
2018-03-29 00:01:07 +00:00
|
|
|
<b><a style="width:100%;" href="https://youtube.com<%= video["ucid_url"]%>"><%= video["author"] %></a></b>
|
2018-03-16 17:14:40 +00:00
|
|
|
</p>
|
2018-01-16 04:11:51 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-02-06 00:05:23 +00:00
|
|
|
<% end %>
|
|
|
|
</div>
|
2018-01-15 03:16:09 +00:00
|
|
|
<% end %>
|
|
|
|
|
2018-03-25 04:14:35 +00:00
|
|
|
<div class="pure-g">
|
|
|
|
<div class="pure-u-1 pure-u-md-1-5">
|
|
|
|
<% if page > 2 %>
|
|
|
|
<a href="/search?q=<%= query %>&page=<%= page - 1 %>">Previous page</a>
|
|
|
|
<% else %>
|
|
|
|
<a href="/search?q=<%= query %>">Previous page</a>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
<div class="pure-u-1 pure-u-md-3-5"></div>
|
|
|
|
<div style="text-align:right;" class="pure-u-1 pure-u-md-1-5">
|
|
|
|
<a href="/search?q=<%= query %>&page=<%= page + 1 %>">Next page</a>
|
|
|
|
</div>
|
|
|
|
</div>
|