From 024fad830a3383e0f6c5287587e2f6f9c930ea31 Mon Sep 17 00:00:00 2001
From: ashley <iamashley@duck.com>
Date: Fri, 31 May 2024 11:16:44 +0000
Subject: [PATCH] lets test this :3

---
 html/poketube.ejs | 69 +++++++++++++++++++++++++++++------------------
 1 file changed, 43 insertions(+), 26 deletions(-)

diff --git a/html/poketube.ejs b/html/poketube.ejs
index c347d0d7..00c2fd6f 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -54,7 +54,7 @@
 <link href="/css/yt-ukraine.svg?v=3" rel=icon>
 <link rel="manifest" href="/manifest.json">
 <link href=/css/snow.css rel=stylesheet> 
-<title> <%=inv_vid.title%> | PokeTube </title>  
+<title> <%=inv_vid.title%> | Watch </title>  
 <style>     
   .comments-area {
   background: #f1f9ff;
@@ -1653,41 +1653,58 @@ Recommended Videos
 <% if (!f) { %>
   
 <% if (inv_vid.recommendedVideos) { %>
+<% 
+const musicChannels = new Set();
+inv_vid?.recommendedVideos.forEach(video => {
+  if (video.title.toLowerCase().includes("official video") || video.title.toLowerCase().includes("official music video") || video.title.toLowerCase().includes("official audio")) {
+    musicChannels.add(video.authorId);
+  }
+});
+%>
 
 <% inv_vid?.recommendedVideos.forEach(x => { %>
     <div class="fade-in video channel-<%= x.authorId %>">
-        <% if (!optout) { %><a class="thumbnail" href="/watch?v=<%= x.videoId %>" style="background-image:url(<%- media_proxy_url %>/proxy?url=https://yt.miruku.cafe/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw);border-radius:9.5px" alt="<%= x.Title %>"><span class="video-length"><%- turntomins(x.lengthSeconds) || "LIVE"%></span><% } %><% if (optout) { %><a class="thumbnail"href="/watch?v=<%= x.videoId %>&m=f"style="background-image:url(<%- media_proxy_url %>/proxy?url=https://yt.miruku.cafe/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw);border-radius:9.5px"alt="<%= x.Title %>"><span class="video-length"><%- x.duration || "LIVE"%></span><% } %></a>
+        <% if (!optout) { %>
+            <a class="thumbnail" href="/watch?v=<%= x.videoId %>" style="background-image:url(<%- media_proxy_url %>/proxy?url=https://yt.miruku.cafe/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw);border-radius:9.5px" alt="<%= x.Title %>">
+                <span class="video-length"><%- turntomins(x.lengthSeconds) || "LIVE"%></span>
+            <% } %>
+            <% if (optout) { %>
+                <a class="thumbnail" href="/watch?v=<%= x.videoId %>&m=f" style="background-image:url(<%- media_proxy_url %>/proxy?url=https://yt.miruku.cafe/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw);border-radius:9.5px" alt="<%= x.Title %>">
+                    <span class="video-length"><%- x.duration || "LIVE"%></span>
+                <% } %>
+            </a>
             <div class="info">
                 <% if (!optout) { %>
                     <a class="max-lines-2 title" href="/watch?v=<%= x.videoId %>" style="font-stretch:ultra-expanded;font-weight:850" title="<%= x.title %>">
                         <%= x.title %>
                     </a>
-                    <% } %>
-                        <% if (optout) { %>
-                            <a class="max-lines-2 title" href="/watch?v=<%= x.videoId %>&m=f" style="font-stretch:100%;font-weight:800" title="<%= x.Title %>">
-                              <%= x.title %>
-                            </a>
+                <% } %>
+                <% if (optout) { %>
+                    <a class="max-lines-2 title" href="/watch?v=<%= x.videoId %>&m=f" style="font-stretch:100%;font-weight:800" title="<%= x.title %>">
+                        <%= x.title %>
+                    </a>
+                <% } %>
+                <div>
+                    <a class="max-lines-2" href="/channel?id=<%= x.authorId %>@youtube.com" style="-webkit-line-clamp:1;width:12em;word-wrap:break-word">
+                        <span>
+                            <%= x.author %> 
+                            <% if (x?.authorVerified) { %>
+                                <% if (musicChannels.has(x.authorId)) { %>
+                                    <i class="fa fa-music" style="margin-left: 0em;" title="official artist channel"></i>
+                                <% } else { %>
+                                    <i class="icon ion ion-md-checkmark-circle" style="margin-left: 0em;" title="verified channel"></i>     
+                                <% } %>
                             <% } %>
-                                <div>
-                                    <a class="max-lines-2" href="/channel?id=<%= x.authorId %>@youtube.com" style="-webkit-line-clamp:1;width:12em;word-wrap:break-word">
-                                         <span> <%=x.author %> <% if (x?.authorVerified) { %>
-  <% if (x.title.toLowerCase().includes("official video") || x.title.toLowerCase().includes("official music video") || x.title.toLowerCase().includes("official audio")) { %>    
-    <i class="fa-light fa-music-note" style="margin-left: 0em;" title="official artist channel"></i>
-  <% } else { %>
-    <i class="icon ion ion-md-checkmark-circle" style="margin-left: 0em;" title="verified channel"></i>     
-  <% } %>
-<% } %>
- </span>
-                                    </a>
-                                    <div class="video-views">
-                                          
-                                                <%= convert(x.viewCount) %> views
- 
-                                    </div>
-                                </div>
+                        </span>
+                    </a>
+                    <div class="video-views">
+                        <%= convert(x.viewCount) %> views
+                    </div>
+                </div>
             </div>
-    </div>
-    <% }) %>
+        </div>
+<% }) %>
+
       
       
         <% } %>