mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-14 06:08:57 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

NEW LAYOUUUUUUUUT

Browse source
This commit is contained in:
Ashley 2022-11-24 20:29:18 +00:00
parent 10d15e6aed
commit f911d3af08
1 changed files with 47 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
html/poketube.ejs
View file

@ -296,11 +296,23 @@
<div class="primary"> <div class="primary">
<div class="video-player-container"> <div class="video-player-container">
<% if (lightOrDark(color) == "dark") { %>
<video class="player" id="<%=sha384(video.id)%>" style="border-radius: 16px;" autoplay controls <video class="player" id="<%=sha384(video.id)%>" style="border-radius: 16px;box-shadow: 0 0 20px <%=color2
%>;" autoplay controls
poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg?v=607ddcd4"> poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg?v=607ddcd4">
<% } %>
<% if (lightOrDark(color) == "light") { %>
<video class="player" id="<%=sha384(video.id)%>" style="border-radius: 16px;box-shadow: 0 0 20px <%=color
%>;" autoplay controls
poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg?v=607ddcd4">
<% } %>
<% if (!qua) { %> <% if (!qua) { %>
@ -393,53 +405,73 @@
<div> <div>
<div class="video-info-buttons pill" > <div class="video-info-buttons pill" >
<div class="new-button" style="height: 2.3em;gap: 2px;">
<div title="<%=engagement.likes.toLocaleString()%> Likes">
<div title="<%=engagement.likes.toLocaleString()%> Likes"> <div class="pill-button" style="margin-right: 4.5px;">
<i class="fa-light fa-thumbs-up"></i> <i class="fa-light fa-thumbs-up"></i>
<%=convert(engagement.likes)%> <%=convert(engagement.likes)%>
</div> </div>
</div>
<div class = "vertical"></div>
<div style="margin-left: -7.5px;" title="<%=engagement.dislikes.toLocaleString()%> Dislikes">
<div class="pill-button">
<div title="<%=engagement.dislikes.toLocaleString()%> Dislikes">
<i class="fa-light fa-thumbs-down"></i> <%=convert(engagement.dislikes)%> <i class="fa-light fa-thumbs-down"></i> <%=convert(engagement.dislikes)%>
</div> </div> </div>
<div> </div>
<div style="display: flex;">
<a class="new-button" title="Download this Video :3" style="color:#fff;text-decoration: none; " href="/download?v=<%=video.id%>">
<div class="pill-button">
<a title="Download this Video :3" style="color:#fff;text-decoration: none; " href="/download?v=<%=video.id%>">
<i class="fa-light fa-download"></i> <i class="fa-light fa-download"></i>
Download Download
</div>
</a> </a>
<% if (!video.Channel.Name.endsWith(' - Topic')) { %> <% if (!video.Channel.Name.endsWith(' - Topic')) { %>
<% if (!video.Title.endsWith('Audio)')) { %> <% if (!video.Title.endsWith('Audio)')) { %>
<a title="Encryption duh" style="color:#fff;text-decoration: none;" href="/encryption?v=<%=video.id%>"> <div class="new-button">
<a title="Encryption duh" style="color:#fff;text-decoration: none;" href="/encryption?v=<%=video.id%>">
<div class="pill-button">
<i class="fa-light fa-shield"></i> <i class="fa-light fa-shield"></i>
Encryption Encryption
</div> </div>
</a> </a>
<% }%> <% }%> <% }%> <% }%>
<% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %> <% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %>
<% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %> <% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %>
<a title="open this song in poketube music player :3" style="color:#fff;text-decoration: none;" href="/music?v=<%=video.id%>"> <a class="new-button" title="open this song in poketube music player :3" style="color:#fff;text-decoration: none;" href="/music?v=<%=video.id%>">
<div class="pill-button">
<i class="fa-light fa-music"></i> <i class="fa-light fa-music"></i>
Open In Music Player Open In Music Player
</div>
</a> </a>
<% }%> <% }%>
<% }%> <% }%>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>