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