From 2d86ae026e6f93ce18c9fa2e83ce80d0d7241375 Mon Sep 17 00:00:00 2001 From: Ashley <iamashley@duck.com> Date: Tue, 1 Nov 2022 21:29:36 +0100 Subject: [PATCH] NEW GRADIENTSSS --- html/poketube.ejs | 56 ++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 53 insertions(+), 3 deletions(-) diff --git a/html/poketube.ejs b/html/poketube.ejs index 48fa061d..079bb27a 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -252,7 +252,7 @@ white-space: normal; } </style> - + <link href=/css/app-cdn.min.css rel=stylesheet> <link href=/css/app.main.css rel=stylesheet> <link href="/css/watch.main.css?v=56" rel=stylesheet> @@ -314,6 +314,7 @@ <div class="primary"> <div class="video-player-container"> + <video class="player" id="<%=sha384(video.id)%>" style="border-radius: 16px;" autoplay controls poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg?v=607ddcd4"> @@ -360,7 +361,7 @@ </div> <br> <div class="video-info"> - <div> + <div style="padding: 10px;border-radius: 11px;background-image: linear-gradient( 135deg, #F97794 10%, #623AA2 100%, #8e6f7e 100%);display: block;width: 55em;margin: auto;margin-left: 1em;margin-right: auto;"> <div class="video-title" style="font-family:Inter;font-weight:bold;line-break: auto;max-width: max-content;margin: 0;margin-bottom: 0;padding: 0;"><%=video.Title%></div> <div class="channel-info__bordered" style="font-family:Inter;clear: both;margin-top: 18px;padding: 4.5px;background: #1c1c1c;margin-right: -13px;width: fit-content;height: fit-content;border-radius: 43px;font-size: 15px;margin-right: auto;display: flex;border: none;" name="chnl"> @@ -396,6 +397,55 @@ <button class="subscribe-button" style="color: red;margin: auto;background: #333;border-radius: 1em;padding: ;margin-right: 6px;"><a style="color:hotpink;" href="https://www.youtube.com/channel/<%=video.Channel.id%>?view_as=subscriber?sub_confirmation=1">Suscribe</a></button> </div> + + <div> +<div class="video-info-buttons" style="background:#1c1c1c;border-radius:16px;padding: 4px;border-style: none;min-height: 34px;height: min-content;width: fit-content;text-align: right;margin-left: auto;margin-right: -8px;justify-content: center;justify-items: center;justify-self: center;display: block ruby;margin-top: -2.9em;"> + + + <div title="<%=engagement.likes.toLocaleString()%> Likes"> + <i class="fa-light fa-thumbs-up"></i> + <%=convert(engagement.likes)%> + </div> + <div title="<%=engagement.dislikes.toLocaleString()%> Dislikes"> +<i class="fa-light fa-thumbs-down"></i> <%=convert(engagement.dislikes)%> + </div> + + + <div> + + <a title="Download this Video :3" style="color:#fff;text-decoration: none; " href="/download?v=<%=video.id%>"> + <i class="fa-light fa-download"></i> + Download + </a> + + + <% if (!video.Channel.Name.endsWith(' - Topic')) { %> + <% if (!video.Title.endsWith('Audio)')) { %> + + <a title="Encryption duh" style="color:#fff;text-decoration: none;" href="/encryption?v=<%=video.id%>"> + <i class="fa-light fa-shield"></i> + Encryption + </a> + <% }%> <% }%> + + <% 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%>"> + <i class="fa-light fa-music"></i> + Open In Music Player + </a> + + <% }%> + <% }%> + + </div> + + + + </div> + + </div> </div> <div class="video-sub-info description" style="font-weight: bold;margin-top: 10px !important;border-radius: 21px;background: #1c1c1c;padding: 10px;margin-bottom: 20px;margin-left: 0;font-family: 'Poketube flex';font-stretch: expanded;"> @@ -455,7 +505,7 @@ </div> - <div> + <div style="display:none;"> <div class="video-info-buttons" style="background:#1c1c1c;border-radius:16px;padding: 4px;border-style: none;min-height: 34px;height: min-content;width: fit-content;text-align: right;margin-left: auto;margin-right: -8px;justify-content: center;justify-items: center;justify-self: center;display: block ruby;margin-top: 2.7em;">