fix channels!!!!!!
This commit is contained in:
Ashley
parent
35335265b0
commit
2ee0ab3b33
1 changed files with 119 additions and 63 deletions
164
html/channel.ejs
164
html/channel.ejs
|
|
@ -16,12 +16,7 @@
|
|||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see https://www.gnu.org/licenses/.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html style="background: var(--channel-info-background);">
|
||||
|
||||
<head>
|
||||
|
||||
|
||||
<!DOCTYPE html><html><head>
|
||||
<% if (ID === "UCFAiFyGs6oDiF1Nf-rRJpZA") { %>
|
||||
<title>Technoblade Never Dies! - PokeTube</title>
|
||||
<% } %>
|
||||
|
|
@ -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;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- STYLES START -->
|
||||
|
|
@ -244,6 +259,7 @@
|
|||
.tabs.tabs-center {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.tabs.tabs-justify {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
|
|
@ -286,11 +302,12 @@
|
|||
body {
|
||||
background-color:#111
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<% } %>
|
||||
|
||||
<!-- STYLES END -->
|
||||
<link href=https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -348,8 +365,7 @@
|
|||
|
||||
<% } %>
|
||||
|
||||
<section class="youtube-video" style="background: var(--channel-info-background);">
|
||||
|
||||
<section class=youtube-video>
|
||||
<div class="channel-page">
|
||||
|
||||
<div class="channel-page">
|
||||
|
|
@ -401,25 +417,35 @@
|
|||
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>" alt="Channel Avatar">
|
||||
</a>
|
||||
<div class="name">
|
||||
<p style="font-family:POkeTube flex;font-weight:1000;font-stretch: ultra-expanded;"><%=j.Channel.Metadata.Name%></p>
|
||||
<p style="font-family:Ginto Nord,sans-serif;font-weight:900;white-space:yes;"><%=j.Channel.Metadata.Name%><br>
|
||||
</p>
|
||||
<span class="subs"><%=subs%> subscribers</span>
|
||||
|
||||
</div>
|
||||
|
||||
<button class="subscribe-button"><%=subs%></button>
|
||||
<button class="subscribe-button">Suscribe</button>
|
||||
</div>
|
||||
<% if (!isMobile) { %>
|
||||
|
||||
<div class="tabs tabs-center">
|
||||
<% if (!tab) { %>
|
||||
|
||||
<a href="/channel?id=<%=ID%>" class="tab active">Uploads</a>
|
||||
<a href="/channel?id=<%=ID%>&tab=about" class="tab">About</a>
|
||||
<% } %>
|
||||
<% if (tab) { %>
|
||||
|
||||
<a href="/channel?id=<%=ID%>" class="tab">Uploads</a>
|
||||
<a href="/channel?id=<%=ID%>&tab=about" class="tab active">About</a>
|
||||
<% } %>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<% } %>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
|
||||
<% if (isMobile) { %>
|
||||
<div class="channel-info-container" style="text-align: center;">
|
||||
|
||||
|
|
@ -453,19 +479,83 @@
|
|||
|
||||
<% } %>
|
||||
|
||||
<% if (!isMobile) { %>
|
||||
|
||||
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
|
||||
<div style="text-align: left;background: #111;padding: 1em;border-radius: 1em;margin-top: 0.5em;margin-bottom: 0.5em;">
|
||||
<h3 style="color:#fff;font-family:PokeTube Flex,sans-serif;font-weight:1000;padding: 0px;margin: 0;margin-top: 7px;margin-left: 10px;font-stretch: ultra-expanded;font-size: x-large;">About</h3>
|
||||
<% if (!tab) { %>
|
||||
|
||||
|
||||
<div align="center">
|
||||
|
||||
|
||||
|
||||
<div class="video-grid" >
|
||||
<% if (!continuation) { %>
|
||||
|
||||
<% tj.forEach (x => { %>
|
||||
<a href="/watch?v=<%- x.videoId %>" class="video">
|
||||
<div class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 10px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div>
|
||||
<div class="info">
|
||||
<span class="title max-lines-2" style="font-family:PokeTube flex,sans-serif;font-weight: 1000;font-stretch: ultra-expanded;"><%- x.title %></span>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
<% }) %>
|
||||
<% } %>
|
||||
|
||||
|
||||
<% if (continuation) { %>
|
||||
|
||||
<% tj.forEach (x => { %>
|
||||
<a href="/watch?v=<%- x.videoId %>" class="video">
|
||||
<div class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 10px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div>
|
||||
<div class="info">
|
||||
<span class="title max-lines-2" style="font-family:PokeTube flex,sans-serif;font-weight: 1000;font-stretch: ultra-expanded;"><%- x.title %></span>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
<% }) %>
|
||||
|
||||
|
||||
</div>
|
||||
<% if (!continuation) { %>
|
||||
|
||||
<% if (tj.Channel.Contents.ItemSection.ItemSection.Continuation) { %>
|
||||
|
||||
|
||||
<div class="pagination-buttons" style="border-top: none;justify-content: center">
|
||||
<a style="color:#fff" href="/channel?id=<%=ID%>&continuation=<%=tj.Channel.Contents.ItemSection.ItemSection.Continuation.key%>">Next Page</a>
|
||||
|
||||
</div>
|
||||
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% if (continuation) { %>
|
||||
|
||||
<% if (tj.Channel.Contents.Continuation) { %>
|
||||
|
||||
|
||||
<div class="pagination-buttons" style="border-top: none;justify-content: center">
|
||||
<a style="color:#fff" href="/channel?id=<%=ID%>&continuation=<%=tj.Channel.Contents.Continuation.key%>">Next Page</a>
|
||||
|
||||
</div>
|
||||
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
<% } %>
|
||||
|
||||
<% if (tab === "about") { %>
|
||||
<div style="text-align: left;">
|
||||
<h3 style="color:#fff;font-family:Ginto Nord,sans-serif;font-weight:900;padding: 0px;margin: 0;margin-top: 7px;margin-left: 10px;">About</h3>
|
||||
|
||||
|
||||
<% if (desc) { %>
|
||||
|
||||
<p style="color:#fff;margin-left: 10px;font-weight: bold;"><%-desc.replace(/\n/g, " <br> ")%></p>
|
||||
<% } %>
|
||||
<% if (wiki.extract_html) { %>
|
||||
|
||||
<h3 style="color:#fff;font-family:PokeTube Flex,sans-serif;font-weight:1000;padding: 0px;margin: 0;margin-top: 7px;margin-left: 10px;font-stretch: ultra-expanded;font-size: x-large;"> From the web</h3>
|
||||
<h3 style="color:#fff;font-family:Ginto Nord,sans-serif;font-weight:900;padding: 0px;margin: 0;margin-top: 7px;margin-left: 10px;">From the web</h3>
|
||||
|
||||
<div style="color:#fff;margin-left: 10px;">
|
||||
<p style="color:#fff:font-weight: bold;">
|
||||
|
|
@ -494,43 +584,9 @@
|
|||
<p style="margin: 0px;margin-top: 2.5px;font-weight: bold;"><i class="fa-light fa-circle-info"></i> <%- about.Joined%> </p>
|
||||
<p style="margin: 0px;margin-top: 2.5px;font-weight: bold;"> <i class="fa-light fa-arrow-trend-up"></i> <%- about.ViewCount%> </p>
|
||||
|
||||
</div></div>
|
||||
<div style="text-align: left;background: #111;padding: 1em;border-radius: 1em;margin-top: 0.5em;margin-bottom: 0.5em;">
|
||||
|
||||
<h3 style="color:#fff;font-family:PokeTube Flex,sans-serif;font-weight:1000;padding: 0px;margin: 0;margin-top: 7px;margin-left: 10px;font-stretch: ultra-expanded;font-size: x-large;">Content</h3>
|
||||
<p style="color:#fff;font-family:PokeTube Flex,sans-serif;font-weight:800;padding: 0px;margin: 0;margin-top: 7px;margin-left: 10px;font-stretch: ultra-expanded">
|
||||
Content to get you starded on this channel! (note : videos are broken atm on some channels - see issue <a href="https://codeberg.org/Ashley/poketube/issues/14">#14</a>)
|
||||
</p>
|
||||
|
||||
<div class="video-grid" style="background:#111" >
|
||||
<% 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 => { %>
|
||||
<a href="/watch?v=<%- x.id %>" class="video">
|
||||
<div class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 10px;"><span class="video-length"><%- x.duration %></span></div>
|
||||
<div class="info">
|
||||
<span class="title max-lines-2" style="font-family:PokeTube flex,sans-serif;font-weight: 1000;font-stretch: ultra-expanded;"><%- x.Title %></span>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
<% }) %>
|
||||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue