add alot of quality of life improvements!!

This commit is contained in:
ashley 2024-09-04 12:02:38 +00:00
parent 9665d8c79f
commit d7ca2fd473

View file

@ -1,5 +1,5 @@
<% try { %> <% try { %>
<!-- PTHTML START --> <!-- PHTML START -->
<% if (!isMobile) { %> <% if (!isMobile) { %>
<!-- <!--
HEYOOOOOOOOOO!!!!!! HEYOOOOOOOOOO!!!!!!
@ -31,7 +31,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<% if(secure) { %><!-- HOSTNAME_IS_POKETUBE.FUN --><% } %><% if(!secure) { %><!-- HOSTNAME_IS_NOT_POKETUBE.FUN --><% } %> <% if(secure) { %><!-- HOSTNAME_IS_POKETUBE.FUN --><% } %><% if(!secure) { %><!-- HOSTNAME_IS_NOT_POKETUBE.FUN --><% } %>
<html class="poketube_desktop_player js events addEventListener" style="background: #000000;" invidproxy="<%=u%>" universe_version="2" vid_id="<%=inv_vid.videoId%>" t="<%=btoa(Date.now())%>" version="browser_web_<%=Date.now()%>"> <html class="poketube_desktop_player js events addEventListener hasVideoJS canPlayHD" style="background: #000000;" invidproxy="<%=u%>" universe_version="2" vid_id="<%=inv_vid.videoId%>" t="<%=btoa(Date.now())%>" version="browser_web_<%=Date.now()%>">
<head> <head>
@ -41,6 +41,7 @@
<% if (!e) { %> <% if (!e) { %>
<meta content="<%=inv_vid.title%>" name=title> <meta content="<%=inv_vid.title%>" name=title>
<meta content="<%=color%>" name="theme-color"> <meta content="<%=color%>" name="theme-color">
<meta content="{canplayhd: true, redesign_feburary_2023:true, poke-rebrand:true, universe:2, ImmersiveAmbientMode:true, november2023_poke_rebrand:true, faster_load:true, AudioSyncV2:false, AudioSyncV3:true }" name="flags">
<meta content="<%=k.Video.Channel.Name%>" name=twitter:author> <meta content="<%=k.Video.Channel.Name%>" name=twitter:author>
<meta content="https://poketube.fun/watch?v=<%=inv_vid.videoId%>" name=twitter:url> <meta content="https://poketube.fun/watch?v=<%=inv_vid.videoId%>" name=twitter:url>
<meta content="<%=inv_vid.title%> | Poke" name=twitter:title> <meta content="<%=inv_vid.title%> | Poke" name=twitter:title>
@ -393,7 +394,7 @@ a[data-onclick="jump_to_time"] {
</style> </style>
<!-- css files --> <!-- css files -->
<!-- these files are cached for 10 days --> <!-- these files are cached for 24 hours -->
<link href="/css/app-cdn.min.css?v=9893448" rel=stylesheet> <link href="/css/app-cdn.min.css?v=9893448" rel=stylesheet>
<link href="/css/app.main.css?v=446008" rel=stylesheet> <link href="/css/app.main.css?v=446008" rel=stylesheet>
<link href="/css/watch.main.css?v=9893448" rel=stylesheet> <link href="/css/watch.main.css?v=9893448" rel=stylesheet>
@ -406,7 +407,13 @@ a[data-onclick="jump_to_time"] {
<script src="/static/vjs.min.js?v=45959"></script> <script src="/static/vjs.min.js?v=45959"></script>
<script src="/static/player-base.js?v=16"> </script> <script src="/static/player-base.js?v=16"> </script>
<!-- css files end --> <!-- ICONS -->
<!-- Font awesome pro -->
<link href="<%- proxyurl %>/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css" rel=stylesheet>
<link href="<%- proxyurl %>/https://cdn.jsdelivr.net/npm/ionicons@4.5.0-0/dist/css/ionicons.min.css" rel=stylesheet>
<!-- css files end -->
<% if (k.Video.Channel.Name == "7clouds") { %> <% if (k.Video.Channel.Name == "7clouds") { %>
<style> <style>
@ -416,12 +423,7 @@ a[data-onclick="jump_to_time"] {
} }
</style> </style>
<% } %> <% } %>
<!-- ICONS -->
<!-- Fake Font awsome pro -->
<link href="<%- proxyurl %>/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css" rel=stylesheet>
<link href="<%- proxyurl %>/https://cdn.jsdelivr.net/npm/ionicons@4.5.0-0/dist/css/ionicons.min.css" rel=stylesheet>
@ -743,7 +745,7 @@ background-color: #0000;
<% if (k.Video.Channel.Name !== "twenty one pilots") { %> <% if (k.Video.Channel.Name !== "twenty one pilots") { %>
<a title="PokeTube Homepage" class="class" href="/143" style=font-family:Inter,sans-serif;color:var(--text-color)> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a> <a title="Poke Homepage" class="class" href="/143" style=font-family:Inter,sans-serif;color:var(--text-color)> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
<% if (secure) { %> <% if (secure) { %>
@ -777,7 +779,7 @@ if your domain matches this code you are probably in poketube.fun owo:3
<% if (k.Video.Channel.Name === "twenty one pilots") { %> <% if (k.Video.Channel.Name === "twenty one pilots") { %>
<a title="PokeTube Homepage" class="class" href="/143" style="font-family:Inter,sans-serif;color:var(--text-color);display: flex;"> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> <a title="Poke Homepage" class="class" href="/143" style="font-family:Inter,sans-serif;color:var(--text-color);display: flex;"> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5">
<img src="/css/red-tape.png?v=5" style="opacity: 0.9;height: 41px;margin-left: -10em;"></a> <img src="/css/red-tape.png?v=5" style="opacity: 0.9;height: 41px;margin-left: -10em;"></a>
@ -853,7 +855,7 @@ if your domain matches this code you are probably in poketube.fun owo:3
<a href="/account-create" style="text-decoration: none;" class="dropdown__item"> <a href="/account-create" style="text-decoration: none;" class="dropdown__item">
<i class="fa-light fa-user"></i> <i class="fa-light fa-user"></i>
Account My Account
</a> </a>
<a href="/discover" style="text-decoration: none;" class="dropdown__item"> <a href="/discover" style="text-decoration: none;" class="dropdown__item">
<i class="fa-light fa-compass"></i> <i class="fa-light fa-compass"></i>
@ -874,18 +876,18 @@ Poke Translate
<% if (!a) { %> <% if (!a) { %>
<a href="/watch?v=<%=inv_vid.videoId%>&a=false" title="Ambient mode uses a very cool ahh effect to make watching videos more immersive by casting gentle colors from the video into your screen’s background! and it looks amazing :3 owo" style="text-decoration: none;" class="dropdown__item"> <a href="/watch?v=<%=inv_vid.videoId%>&a=false" title="Ambient light mode uses a very cool ahh effect to make watching videos more immersive by casting gentle colors from the video into your screen’s background! and it looks amazing :3 owo" style="text-decoration: none;" class="dropdown__item">
<i class="fa-light fa-lightbulb-on"></i> <i class="fa-light fa-lightbulb-on"></i>
Ambient mode • on Ambient Lights • on
</a> </a>
<% } %> <% } %>
<% if (a) { %> <% if (a) { %>
<a title=title="Ambient mode uses a very cool ahh effect to make watching videos more immersive by casting gentle colors from the video into your screen’s background! and it looks amazing :3 owo" href="/watch?v=<%=inv_vid.videoId%>" style="text-decoration: none;" class="dropdown__item"> <a title=title="Ambient light mode uses a very cool ahh effect to make watching videos more immersive by casting gentle colors from the video into your screen’s background! and it looks amazing :3 owo" href="/watch?v=<%=inv_vid.videoId%>" style="text-decoration: none;" class="dropdown__item">
<i class="fa-light fa-lightbulb" style="width: 1em;margin-left: 4px;"></i> <i class="fa-light fa-lightbulb" style="width: 1em;margin-left: 4px;"></i>
Ambient mode • off Ambient Lights • off
</a> </a>
@ -949,7 +951,7 @@ Go Lite!
<i class="fa-light fa-circle-info"></i> <i class="fa-light fa-circle-info"></i>
Version Version
</a> </a>
<a href="https://codeberg.org/ashley/poketube" style="text-decoration: none;color:#fff;" class="dropdown__item"> <a href="https://codeberg.org/ashley/poke" style="text-decoration: none;color:#fff;" class="dropdown__item">
<i style="width: 16px;height: 17px;margin-left: 2px;" class="fa-light fa-code-merge"></i> <i style="width: 16px;height: 17px;margin-left: 2px;" class="fa-light fa-code-merge"></i>
Source Code Source Code
</a> </a>
@ -1378,7 +1380,11 @@ WIP! </a>
<div class="video-sub-info description"> <div class="video-sub-info description">
<details open="true" class="description-new"> <% if (inv_vid.descriptionHtml && inv_vid.descriptionHtml.trim() !== "" && inv_vid.descriptionHtml.trim() !== "<p></p>") { %>
<details open="true" class="description-new">
<% } else { %>
<details class="description-new">
<% } %>
<summary style="color:#fff;"> <summary style="color:#fff;">
<%=engagement.viewCount.toLocaleString()%> Views • <%=date%> • Click to toggle off description</summary> <%=engagement.viewCount.toLocaleString()%> Views • <%=date%> • Click to toggle off description</summary>
@ -1389,7 +1395,7 @@ WIP! </a>
<div style="margin-top:1em;"> <div style="margin-top:1em;">
<%-String(channelurlfixer(inv_vid.descriptionHtml)).replace(/\n/g, " <br> ").replace(/twitter\.com/g, "twitter.com").replace(/reddit\.com/g, "redlib.matthew.science") %> <%-String(channelurlfixer(inv_vid.descriptionHtml)).replace(/\n/g, " <br> ").replace(/x\.com/g, "twitter.com").replace(/reddit\.com/g, "redlib.matthew.science") %>
</div> </div>
<% } %> <% } %> <% } %> <% } %> <% } %> <% } %>
@ -1437,7 +1443,11 @@ WIP! </a>
<span>Views : <%=engagement.viewCount.toLocaleString()%> <br> <span>Views : <%=engagement.viewCount.toLocaleString()%> <br>
Genre: <%-inv_vid.genre %> <br> Genre: <%-inv_vid.genre %> <br>
<%=date%> ^^ <br> <% if (date.includes("Premiered")) { %>
Premiered <%= date.replace("Premiered", "at") %> ^^ <br>
<% } else { %>
Uploaded At <%= date %> ^^ <br>
<% } %>
<hr style="clear: both;display: none;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;"> <hr style="clear: both;display: none;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
warning: returnyoutubedislikes may not be accurate, this is just an estiment ehe :3 <br> warning: returnyoutubedislikes may not be accurate, this is just an estiment ehe :3 <br>
@ -3541,3 +3551,4 @@ window.addEventListener('DOMContentLoaded', () => {
<% } catch (error) { %> <% } catch (error) { %>
<%- error %> <%- error %>
<% } %> <% } %>
<!-- PHTML END -->