diff --git a/html/channel.ejs b/html/channel.ejs index 99201096..2a7b1337 100644 --- a/html/channel.ejs +++ b/html/channel.ejs @@ -16,13 +16,8 @@ You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/. --> - - - - - - - <% if (ID === "UCFAiFyGs6oDiF1Nf-rRJpZA") { %> + + <% if (ID === "UCFAiFyGs6oDiF1Nf-rRJpZA") { %> Technoblade Never Dies! - PokeTube <% } %> <%=j.Channel.Metadata.Name%> - PokeTube @@ -94,7 +89,27 @@ color:#0ab7f0; } - + .video-grid > .video { + border-radius: 16px; + background: black; + padding: 6px; + border: #333 solid; +} + .subscribe-button { + background-color: white !important; + color: black !important; + text-transform: none !important; + font-weight: bold !important; + padding: 0px 15px !important; + border: none !important; + margin: auto !important; + height: 37px !important; + border-radius: 34px !important; +} + + .subs { + margin: 0.6em;text-align: left;margin-left: 0px;margin-top: -0.4em;font-family: "PokeTube flex";font-weight: 1000;font-stretch: ultra-expanded; + } @@ -244,6 +259,7 @@ .tabs.tabs-center { margin: auto; } + .tabs.tabs-justify { width: 100%; table-layout: fixed; @@ -286,12 +302,13 @@ body { background-color:#111 } + + <% } %> - - + <% if (!isMobile) { %> @@ -348,9 +365,8 @@ <% } %> -
- -
+
+
<% if (isMobile) { %> @@ -401,25 +417,35 @@ Channel Avatar
-

<%=j.Channel.Metadata.Name%>

+

<%=j.Channel.Metadata.Name%>
+

+ <%=subs%> subscribers +
- +
<% if (!isMobile) { %>
- + <% if (!tab) { %> + + Uploads + About + <% } %> + <% if (tab) { %> + + Uploads + About + <% } %> +
- <% } %>
<% } %> - - <% if (isMobile) { %>
@@ -453,19 +479,83 @@ <% } %> - <% if (!isMobile) { %> + +
+ <% if (!tab) { %> + + +
+ + + +
+ <% if (!continuation) { %> + + <% tj.forEach (x => { %> + +
<%- turntomins(x.lengthSeconds) %>
+
+ <%- x.title %> + +
+ + <% }) %> + <% } %> + + + <% if (continuation) { %> + + <% tj.forEach (x => { %> + +
<%- turntomins(x.lengthSeconds) %>
+
+ <%- x.title %> + +
+ + <% }) %> + + +
+ <% if (!continuation) { %> + + <% if (tj.Channel.Contents.ItemSection.ItemSection.Continuation) { %> + + +
+ Next Page + +
+ + <% } %> + <% } %> + <% if (continuation) { %> + + <% if (tj.Channel.Contents.Continuation) { %> + + +
+ Next Page + +
+ + <% } %> + <% } %> + <% } %> + + <% } %> + + <% if (tab === "about") { %> +
+

About

-
-
-

About

<% if (desc) { %>

<%-desc.replace(/\n/g, "
")%>

<% } %> <% if (wiki.extract_html) { %> - -

From the web

+

From the web

@@ -494,44 +584,10 @@

<%- about.Joined%>

<%- about.ViewCount%>

-
-
- -

Content

-

- Content to get you starded on this channel! (note : videos are broken atm on some channels - see issue #14) -

- -
- <% if ( tj ) { %> - - <% if ( tj.Channel) { %> - - <% if ( tj.Channel.Contents) { %> - <% if ( tj.Channel.Contents.ItemSection[2]) { %> - - <% if ( tj.Channel.Contents.ItemSection[2].Shelf) { %> - <% if ( tj.Channel.Contents.ItemSection[2].Shelf.Items.Video) { %> - - <% tj.Channel.Contents.ItemSection[2].Shelf.Items.Video.forEach(x => { %> - -
<%- x.duration %>
-
- <%- x.Title %> - -
- - <% }) %> - <% } %> - <% } %> - <% } %> - - <% } %> - <% } %> - <% } %> - <% } %> - - +
+
+ <% } %> +