NEW GRADIENTSSS

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;">