mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-22 23:37:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

new trends :3

Browse source
This commit is contained in:
Ashley 2022-10-14 19:46:12 +02:00
parent 584f622323
commit 45a93f4c20
1 changed files with 53 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
html/main.ejs
View file

@ -370,11 +370,11 @@ background-size: cover;
<div class="channel-page" style="background-color: var(--channel-contents-background);">
<img src="https://t.poketube.fun/t/rep.gif" style="width: 0;visibility: hidden;" id="discover_main">
<div class="video-title" style="font-family:'Ginto nord';font-weight:900;white-space:nowrap;font-size: xxx-large;">Trending</div>
<div class="video-title" style="font-family:'Ginto nord';font-weight:900;white-space:nowrap;font-size: xxx-large;">Discover Trends</div>
<% if (!isMobile) { %>
<p style="margin:0;">
See the trending videos shorts and music videos on poketube! (<s>or dont</s>)
See the trending videos, gaming stuff and music videos on poketube! (<s>or dont</s>)
</p>
<% } %>
@ -388,53 +388,76 @@ background-size: cover;
<div class="tabs tabs-center">
<a href="" class="tab active">Videos</a>
<a href="?tab=shorts" class="tab">TikToks</a>
<a href="?tab=music"class="tab">Music</a>
<a href="?tab=gaming" class="tab">Gaming</a>
<a href="?tab=movies" class="tab">Movies</a>
</div>
<% } %>
<% if (tab) { %>
<% if (tab === "music") { %>
<div class="tabs tabs-center">
<a href="/" class="tab">Videos</a>
<a href="?tab=shorts" class="tab active">TikToks</a>
<a href="" class="tab active ">Music</a>
<a href="?tab=gaming" class="tab">Gaming</a>
<a href="?tab=movies" class="tab">Movies</a>
</div>
<% } %>
<% if (tab === "gaming") { %>
<div class="tabs tabs-center">
<a href="/" class="tab">Videos</a>
<a href="?tab=music" class="tab">Music</a>
<a href="" class="tab active">Gaming</a>
<a href="?tab=movies" class="tab">Movies</a>
</div>
<% } %>
<% if (tab === "movies") { %>
<div class="tabs tabs-center">
<a href="/" class="tab">Videos</a>
<a href="?tab=music" class="tab">Music</a>
<a href="?tab=gaming" class="tab">Gaming</a>
<a href="" class="tab active">Movies</a>
</div>
<% } %>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
<% if (!tab) { %>
<div class="video-grid">
<% k.Explore.Videos.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-top-left-radius: 16px;border-top-right-radius: 16px;"><span class="video-length"><%- x.duration %></span></div>
<% inv.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-top-left-radius: 16px;border-top-right-radius: 16px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div>
<div class="info">
<span class="title max-lines-2" title="<%- x.Title %>" style="font-family:Ginto Nord,sans-serif;"><%- x.Title %></span>
<span class="title max-lines-2" title="<%- x.Title %>" style="font-family:Ginto Nord,sans-serif;"><%- x.title %></span>
</div>
</a>
<% }) %>
</div>
<% } %>
<% if (tab) { %>
<div class="video-grid">
<% k.Explore.Videos.ItemSection[1].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-top-left-radius: 16px;border-top-right-radius: 16px;"><span class="video-length">PT <%- x.duration %></span></div>
<div class="info">
<span class="title max-lines-2" title="<%- x.Title %>" style="font-family:Ginto Nord,sans-serif;"><%- x.Title %></span>
</div>
</a>
<% }) %>
</div>
<% } %>