Clean up views

This commit is contained in:
Omar Roth 2018-02-05 18:44:42 -06:00
parent f47eb3016a
commit 2e402c1977
4 changed files with 10 additions and 11 deletions

View File

@ -7,9 +7,9 @@
<% slice.each do |video| %>
<% player_response = JSON.parse(video.info["player_response"]) %>
<div class="pure-u-1 pure-u-md-1-4">
<div style="margin: 1em;">
<div style="margin:1em;">
<a style="width:100%;" class="link" href="/watch?v=<%= video.id %>">
<img style="width:100%" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
<img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
<%= video.title %>
</a>
</div>

View File

@ -4,7 +4,6 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="">
<link rel="stylesheet" href="/css/pure-min.css">
<link rel="stylesheet" href="/css/grids-responsive-min.css">
<link rel="stylesheet" href="/css/font-awesome.min.css">
@ -27,7 +26,7 @@
</div>
</div>
<%= content %>
<center style="margin: 1em;">
<center style="margin:1em;">
Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> -
source available <a href="https://github.com/omarroth/invidious">here</a>
</center>

View File

@ -6,9 +6,9 @@
<div class="pure-g">
<% slice.each do |video| %>
<div class="pure-u-1 pure-u-md-1-4">
<div style="margin: 1em;">
<div style="margin:1em;">
<a style="width:100%;" class="link" href="/watch?v=<%= video["link"] %>">
<img style="width:100%" src="<%= video["thumbnail"] %>"/>
<img style="width:100%;" src="<%= video["thumbnail"] %>"/>
<%= video["title"] %>
</a>
</div>
@ -17,6 +17,6 @@
</div>
<% end %>
<p style="text-align: right">
<p style="text-align:right;">
<a class="link" href="/search?q=<%= query %>&page=<%= page + 1 %>">Next page</a>
</p>

View File

@ -6,7 +6,7 @@
<% end %>
<% if listen == "true" %>
<audio id="player" class="video-js" data-setup="{}" style="width:100%" controls>
<audio id="player" class="video-js" data-setup="{}" style="width:100%;" controls>
<% adaptive_fmts.each do |fmt| %>
<% url = fmt["url"] %>
<% type = fmt["type"].to_s.split(";")[0] %>
@ -16,7 +16,7 @@
<% end %>
</audio>
<% else %>
<video id="player" class="video-js" data-setup="{}" style="width:100%" controls>
<video id="player" class="video-js" data-setup="{}" style="width:100%;" controls>
<% fmt_stream.each do |fmt| %>
<source src="<%= fmt["url"] %>" type="<%= fmt["type"].split(";")[0] %>">
<% end %>
@ -110,10 +110,10 @@ var player = videojs('player', options, function() {
<% rvs.each do |rv| %>
<% if rv.has_key?("id") %>
<a class="link" href="/watch?v=<%= rv["id"] %>">
<img style="width:100%" alt="thumbnail" src="<%= rv["iurlmq"] %>">
<img style="width:100%;" alt="thumbnail" src="<%= rv["iurlmq"] %>">
</a>
<p>
<a style="display:block; width:100%; height:100%" class="link" href="/watch?v=<%= rv["id"] %>"><%= rv["title"] %></a>
<a style="display:block; width:100%; height:100%;" class="link" href="/watch?v=<%= rv["id"] %>"><%= rv["title"] %></a>
</p>
<% end %>
<% end %>