Enhance chan about page to show channel description

This commit is contained in:
syeopite 2021-06-25 20:28:25 -07:00
parent 4c18ecfcf2
commit 5979e8f114
No known key found for this signature in database
GPG Key ID: 6FA616E5A5294A82
29 changed files with 71 additions and 27 deletions

View File

@ -23,8 +23,19 @@
#link-holder { #link-holder {
display: none; display: none;
} }
#about-content-container > * {
margin-bottom: 25px;
}
} }
@media screen and (min-width: 640px) {
#about-content-container > * {
margin-bottom: 50px;
}
}
#link-widget-primary { #link-widget-primary {
margin-right: 1.5em; margin-right: 1.5em;
} }
@ -51,6 +62,8 @@
color: #e1e1e1 !important; color: #e1e1e1 !important;
} }
/* Featured channels page */ /* Featured channels page */
.channel-section details { .channel-section details {

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "After which you should try to: ", "next_steps_error_message": "After which you should try to: ",
"next_steps_error_message_refresh": "Refresh", "next_steps_error_message_refresh": "Refresh",
"next_steps_error_message_go_to_youtube": "Go to Youtube", "next_steps_error_message_go_to_youtube": "Go to Youtube",
"Description": "Description",
"Details": "Details", "Details": "Details",
"Country: ": "Country: ", "Country: ": "Country: ",
"Stats": "Stats", "Stats": "Stats",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "next_steps_error_message", "next_steps_error_message": "next_steps_error_message",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -425,6 +425,7 @@
"next_steps_error_message": "", "next_steps_error_message": "",
"next_steps_error_message_refresh": "", "next_steps_error_message_refresh": "",
"next_steps_error_message_go_to_youtube": "", "next_steps_error_message_go_to_youtube": "",
"Description": "",
"Details": "", "Details": "",
"Country: ": "", "Country: ": "",
"Stats": "", "Stats": "",

View File

@ -1,46 +1,50 @@
<% content_for "header" do %> <% content_for "header" do %>
<title><%= channel.author %> - Invidious</title> <title><%= channel.author %> - Invidious</title>
<link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>"> <link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>">
<!-- Channel description on the header should always be hidden on the about page -->
<style>
#channel-description-container {
display: none
}
</style>
<% end %> <% end %>
<% content_type = 5 %> <% content_type = 5 %>
<% sort_options = Tuple.new %> <% sort_options = Tuple.new %>
<%= rendered "components/channel-information" %> <%= rendered "components/channel-information" %>
<div class="pure-g"> <div class="pure-g h-box" id="about-content-container">
<% stats_style_append = ""%> <div class="pure-u-1 pure-u-md-3-4">
<% if !channel.country.empty? %> <h3> <%= translate(locale, "Description") %> </h3>
<div class="pure-u-1 pure-u-md-3-4"> <p id="channel-description" class="pure-u-md-22-24" style="margin: 0"><span style="white-space:pre-wrap"><%= channel.description_html %></span></p>
<div class="h-box">
<h3> <%= translate(locale, "Details") %> </h3>
<p><%= translate(locale, "Country: ") %><%=channel.country%></p> <!-- Translate Country Names -->
</div>
</div>
<% else %>
<% stats_style_append = "style=\"order: 1;\"" %>
<% end %>
<div class="pure-u-1 pure-u-md-1-4" <%= stats_style_append %>>
<div class="h-box">
<h3> <%= translate(locale, "Stats") %> </h3>
<p> <%= translate(locale, "Joined") %>
<time datetime="<%=channel.joined.to_s("%Y-%m-%d")%>">
<%= channel.joined.to_s(translate(locale, "%B %-d, %Y")) %>
</time>
</p>
<p><%= channel.total_views ? translate(locale, "`x` views", number_with_separator(channel.total_views || 0)) : "" %></p>
</div>
</div> </div>
<div class="pure-u-1 pure-u-md-2-3" id="external-links"> <div class="pure-u-1 pure-u-md-1-4">
<div class="h-box"> <h3> <%= translate(locale, "Stats") %> </h3>
<p> <%= translate(locale, "Joined") %>
<time datetime="<%=channel.joined.to_s("%Y-%m-%d")%>">
<%= channel.joined.to_s(translate(locale, "%B %-d, %Y")) %>
</time>
</p>
<p><%= channel.total_views ? translate(locale, "`x` views", number_with_separator(channel.total_views || 0)) : "" %></p>
</div>
<div class="pure-u-1 pure-u-md-3-4">
<h3> <%= translate(locale, "Details") %> </h3>
<p><%= translate(locale, "Country: ") %><%=channel.country%></p> <!-- Translate Country Names -->
</div>
<% if !channel.links.empty? %>
<div class="pure-u-1 pure-u-md-2-3" id="external-links">
<h3> <%= translate(locale, "Links") %> </h3> <h3> <%= translate(locale, "Links") %> </h3>
<% channel.links.each do |link_tuple| %> <% channel.links.each do |link_tuple| %>
<div class="pure-u-11-24" style="margin-bottom: 2em;"> <div class="pure-u-11-24" style="margin-bottom: 2em;">
<img src="/fetch_link_favicon?url=<%=link_tuple[2]%>"> <img src="/fetch_link_favicon?url=<%=link_tuple[2]%>">
<a href="<%=link_tuple[1]%>"><%=link_tuple[0]%></a> <a href="<%=link_tuple[1]%>"><%=HTML.escape(link_tuple[0])%></a>
</div> </div>
<% end %> <% end %>
</div> </div>
</div> <% end %>
</div> </div>