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

Update poketube.ejs

Browse source
This commit is contained in:
Ashley 2022-07-31 12:41:20 +03:00 committed by GitHub
parent 351cc0d790
commit 9eca3de5a2
1 changed files with 53 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
html/poketube.ejs
View file

@ -1,4 +1,4 @@
<!-- <!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube)
@ -16,8 +16,11 @@
You should have received a copy of the GNU General Public License You should have received a copy of the GNU General Public License
along with this program. If not, see https://www.gnu.org/licenses/. along with this program. If not, see https://www.gnu.org/licenses/.
--> -->
<!DOCTYPE html> <!DOCTYPE html>
<% if (e === false) { %> <!-- if ?e=false,dont show up the meta tags --> <html class="poketube_desktop">
<head>
<% if (e === false) { %> <!-- if ?e=false,dont show up the meta tags -->
<% } %> <% } %>
<% if (!e) { %> <% if (!e) { %>
@ -39,8 +42,12 @@
<link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css rel=stylesheet> <link href=/css/app.main.css rel=stylesheet>
<link href="/css/watch.main.css?v=56" rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet>
<link href=https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet> <link href=https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
</head>
<!-- STYLES START -->
<style> <style>
a.class:hover { a.class:hover {
text-decoration:underline; text-decoration:underline;
@ -53,8 +60,8 @@ summary:hover{
color:white; color:white;
} }
</style> </style>
<!-- WIGGLE WIGGLE WIGGLE -->
<style> <style>
body{ body{
overflow-x: hidden; /* Hide horizontal scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */
color:#111111 color:#111111
@ -130,10 +137,10 @@ summary:hover{
--channel-info-background: #181818; --channel-info-background: #181818;
--channel-contents-background: #0f0f0f; --channel-contents-background: #0f0f0f;
} }
@font-face { @font-face {
font-family: 'Ginto Nord'; font-family: 'Ginto Nord';
font-weight: 800; font-weight: 800;
src:url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff"); src:url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
} }
.alert { .alert {
@ -163,17 +170,38 @@ summary:hover{
.closebtn:hover { .closebtn:hover {
color: black; color: black;
} }
</style> </style>
<style></style>
<!-- NEW NAVBAR -->
<style>
nav .right {
display: flex;
border-radius: 36px;
justify-content: normal;
margin-left: 80px;
padding-left: 0px;
margin-right: 30px;
align-items: center;
background-color: #131313;
}
</style>
<!-- STYLES END -->
<body> <body>
<div class="app" style="color:#fff"> <div class="app" style="color:#fff">
<nav> <nav>
<div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 6em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> <a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a></div> <div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 6em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> </a> </div>
<div class=middle> <div class=middle>
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;"> <button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button></form> <form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;"> <button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button></form>
</div> </div>
<div class=right> <a href="/privacy"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-shield"></i></a> <a href="/video/upload?from="><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i></a><a href="/download?v=<%=video.id%>"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-download"></i></a> </div> <div class=right >
<a href="/privacy"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-shield"></i></a> <a href="/video/upload?from="><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i></a><a href="/download?v=<%=video.id%>"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-download"></i></a>
</div>
</nav> </nav>
@ -190,8 +218,7 @@ summary:hover{
<div class="video-info"> <div class="video-info">
<div class="video-title" style="font-family:'Ginto Nord';font-weight:900;white-space:yes;"><%=video.Title%></div> <div class="video-title" style="font-family:'Ginto Nord';font-weight:900;white-space:yes;"><%=video.Title%></div>
<p class="video-sub-info description"> <p class="video-sub-info description">
<span><%=engagement.viewCount.toLocaleString()%> Total views - Uploaded on <%=date%> ^^ <span><%=engagement.viewCount.toLocaleString()%> Total views - Uploaded on <%=date%> ^^</span> <%-String(video.Description).replace(/\n/g, " <br> ")%></center>
</span> <%-String(video.Description).replace(/\n/g, " <br> ")%></center>
</p> </p>
<div class="video-info-buttons"> <div class="video-info-buttons">
<div> <div>
@ -205,7 +232,7 @@ summary:hover{
<a style="color:#fff" href="/download?v=<%=video.id%>"> <a style="color:#fff" href="/download?v=<%=video.id%>">
<i class="fa-light fa-download"></i> <i class="fa-light fa-download"></i>
Download Download!
</a> </a>
@ -347,9 +374,9 @@ summary:hover{
<% if (lyrics) { %> <% if (lyrics) { %>
<% if (r === "f") { %> <% if (r === "f") { %>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;"> <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
<p> <div>
<a href="/watch?v=<%=video.id%>">See the Recommended videos instead</a> - <a href="https://github.com/iamashley0/poketube/issues">Report wrong lyrics qwq</a> <a href="/watch?v=<%=video.id%>">See the Recommended videos instead</a> - <a href="https://github.com/iamashley0/poketube/issues">Report wrong lyrics qwq</a>
</p> </div>
<div align="center"> <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;"> <div align="center"> <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
<h1 style="font-family:'Ginto Nord',sans-serif;font-weight:900;white-space:yes;" align="center"> <h1 style="font-family:'Ginto Nord',sans-serif;font-weight:900;white-space:yes;" align="center">
@ -372,6 +399,8 @@ summary:hover{
<% if (optout) { %> <% if (optout) { %>
<!-- user_optout_piwik --> <!-- user_optout_piwik -->
<% } %> <% } %>
<% if (!optout) { %> <% if (!optout) { %>
@ -382,10 +411,13 @@ summary:hover{
<!-- START <%=t%> --> <!-- START <%=t%> -->
<!-- SESSION -->
<img src="<%=t%>t/rep.gif?ID=<%=btoa(Date.now())%>" style="width: 0;visibility: hidden;" id="SesionID"> <img src="<%=t%>t/rep.gif?ID=<%=btoa(Date.now())%>" style="width: 0;visibility: hidden;" id="SesionID">
<img src="<%=t%>t/rep.gif?piwik=t" style="width: 0;visibility: hidden;" id="piwik_noip_no_personal-info_collect">
<!-- VIDEO -->
<img src="<%=t%>t/rep.gif?video_id=<%=btoa(video.id)%>" style="width: 0;visibility: hidden;" id="videoID"> <img src="<%=t%>t/rep.gif?video_id=<%=btoa(video.id)%>" style="width: 0;visibility: hidden;" id="videoID">
<img src="<%=t%>t/rep.gif?channel_ID=<%=btoa(video.Channel.id)%>" style="width: 0;visibility: hidden;" id="channel"> <img src="<%=t%>t/rep.gif?channel_ID=<%=btoa(video.Channel.id)%>" style="width: 0;visibility: hidden;" id="channel">
<img src="<%=t%>t/rep.gif?piwik=t" style="width: 0;visibility: hidden;" id="piwik_noip_no_personal-info_collect">
<!-- END <%=t%> --> <!-- END <%=t%> -->
@ -395,4 +427,5 @@ summary:hover{
</body> </body>
</html> </html>
</body>