Add links widget to channel banner + tiny refactor

This commit is contained in:
syeopite 2021-04-16 01:13:58 -07:00
parent 710b269d30
commit 01e04340cd
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
6 changed files with 78 additions and 8 deletions

View file

@ -11,3 +11,42 @@
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
} }
#link-holder {
display: flex;
background: rgba(0, 0, 0, 0.3);
align-self: flex-end;
margin: 15px;
padding: 12px;
}
@media screen and (max-width: 640px) {
#link-holder {
display: none;
}
}
#link-widget-primary {
margin-right: 1.5em;
}
.link-widget-link {
margin-right: 10px;
}
.link-widget-link:last-child {
margin-right: 0;
}
.link-widget-link img, #external-links img {
vertical-align: sub;
width: 20px;
height: 20px;
}
#link-widget-primary a {
color: white !important;
}
#link-widget-primary a:hover {
color: #e1e1e1 !important;
}

View file

@ -1,5 +1,10 @@
<% content_type = 0 %> <% content_for "header" do %>
<title><%= channel.author %> - Invidious</title>
<link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>">
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed/channel/<%= channel.ucid %>" >
<% end %>
<% content_type = 0 %>
<%= rendered "components/channel-information" %> <%= rendered "components/channel-information" %>
<div class="pure-g"> <div class="pure-g">

View file

@ -1,3 +1,8 @@
<% content_for "header" do %>
<title><%= channel.author %> - Invidious</title>
<link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>">
<% end %>
<% content_type = 4 %> <% content_type = 4 %>
<% sort_options = Tuple.new %> <% sort_options = Tuple.new %>
<%= rendered "components/channel-information" %> <%= rendered "components/channel-information" %>

View file

@ -1,3 +1,8 @@
<% content_for "header" do %>
<title><%= channel.author %> - Invidious</title>
<link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>">
<% end %>
<% content_type = 2 %> <% content_type = 2 %>
<% sort_options = Tuple.new %> <% sort_options = Tuple.new %>
<%= rendered "components/channel-information" %> <%= rendered "components/channel-information" %>

View file

@ -1,12 +1,24 @@
<% content_for "header" do %>
<title><%= channel.author %> - Invidious</title>
<link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed/channel/<%= channel.ucid %>" />
<% end %>
<% if channel.banner %> <% if channel.banner %>
<div class="pure-g" id="channel-banner-container"> <div class="pure-g" id="channel-banner-container">
<div class="pure-u-1" id="banner" style='background: url(/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>)'> <div class="pure-u-1" id="banner" style='background: url(/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>)'>
<% if channel.links %>
<div id="link-holder">
<div id="link-widget-primary" class="link-widget-link">
<a href="<%=channel.links[0][1]%>" title=<%=channel.links[0][0]%>>
<img src="/fetch_link_favicon?url=<%=channel.links[0][2]%>">
<b> <%=channel.links[0][0]%> </b>
</a>
</div>
<% channel.links[1..4].each do |link_tuple| %>
<div class="link-widget-link">
<a href="<%=link_tuple[1]%>" title=<%=link_tuple[0]%>>
<img src="/fetch_link_favicon?url=<%=link_tuple[2]%>">
</a>
</div>
<% end %>
</div>
<% end %>
</div> </div>
</div> </div>

View file

@ -1,5 +1,9 @@
<% content_type = 1 %> <% content_for "header" do %>
<title><%= channel.author %> - Invidious</title>
<link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>">
<% end %>
<% content_type = 1 %>
<%= rendered "components/channel-information" %> <%= rendered "components/channel-information" %>
<div class="pure-g"> <div class="pure-g">