From b765e8eb06714171b515b83ba8201ab358cbfee7 Mon Sep 17 00:00:00 2001
From: ashley <iamashley@duck.com>
Date: Wed, 3 Jul 2024 23:11:22 +0000
Subject: [PATCH] add masterpiece video :3

---
 html/poketube.ejs | 95 ++++++++++++++++++++++++++---------------------
 1 file changed, 53 insertions(+), 42 deletions(-)

diff --git a/html/poketube.ejs b/html/poketube.ejs
index 51125034..62dbf5a7 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -678,6 +678,13 @@ background-color: #0000;
     border: 2px solid red;
     border-radius: 10px;
   }
+
+  .rainbow-gradient {
+    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
+    -webkit-background-clip: text;
+    color: transparent;
+}
+
 </style>
 <noscript>
   <style>
@@ -1658,61 +1665,65 @@ WIP!                                                 </a>
                    Rating  :  <%=engagement.rating.toLocaleString()%> (<%=engagement.dislikes.toLocaleString()%>/<%=engagement.likes.toLocaleString()%> <abbr title="Like To dislike ratio - the number to the left is dislike count and the one to the right is like count :3">LTDR</abbr>) <br>
 
          <%
-        const likes = parseInt(engagement.likes) || 0;
-        const dislikes = parseInt(engagement.dislikes) || 0;
-        const total = likes + dislikes;
+      const likes = parseInt(engagement.likes) || 0;
+    const dislikes = parseInt(engagement.dislikes) || 0;
+    const total = likes + dislikes;
 
-        const likePercentage = total > 0 ? ((likes / total) * 100).toFixed(2) : 0;
-        const dislikePercentage = total > 0 ? ((dislikes / total) * 100).toFixed(2) : 0;
+    const likePercentage = total > 0 ? ((likes / total) * 100).toFixed(2) : 0;
+    const dislikePercentage = total > 0 ? ((dislikes / total) * 100).toFixed(2) : 0;
 
-        const getLikePercentageColor = (percentage) => {
-            if (percentage >= 80) {
-                return 'green';
-            } else if (percentage >= 50) {
-                return 'orange';
-            } else {
-                return 'red';
-            }
-        };
+    const getLikePercentageColor = (percentage) => {
+        if (percentage >= 80) {
+            return 'green';
+        } else if (percentage >= 50) {
+            return 'orange';
+        } else {
+            return 'red';
+        }
+    };
 
-        const getDislikePercentageColor = (percentage) => {
-            if (percentage >= 50) {
-                return 'red';
-            } else if (percentage >= 20) {
-                return 'orange';
-            } else {
-                return 'green';
-            }
-        };
+    const getDislikePercentageColor = (percentage) => {
+        if (percentage >= 50) {
+            return 'red';
+        } else if (percentage >= 20) {
+            return 'orange';
+        } else {
+            return 'green';
+        }
+    };
 
-        const likeColor = getLikePercentageColor(likePercentage);
-        const dislikeColor = getDislikePercentageColor(dislikePercentage);
+    const likeColor = getLikePercentageColor(likePercentage);
+    const dislikeColor = getDislikePercentageColor(dislikePercentage);
 
-        const userScore = (parseFloat(likePercentage) - parseFloat(dislikePercentage) / 2).toFixed(2);
+    const userScore = (parseFloat(likePercentage) - parseFloat(dislikePercentage) / 2).toFixed(2);
 
-        const getUserScoreLabel = (score) => {
-            if (score >= 80) {
-                return 'Overwhelmingly Positive';
-            } else if (score >= 60) {
-                return 'Positive';
-            } else if (score >= 40) {
-                return 'Mixed';
-            } else if (score >= 20) {
-                return 'Negative';
-            } else {
-                return 'Overwhelmingly Negative';
-            }
-        };
+    const getUserScoreLabel = (score) => {
+        if (score >= 98) {
+            return 'Masterpiece Video';
+        } else if (score >= 80) {
+            return 'Overwhelmingly Positive';
+        } else if (score >= 60) {
+            return 'Positive';
+        } else if (score >= 40) {
+            return 'Mixed';
+        } else if (score >= 20) {
+            return 'Negative';
+        } else {
+            return 'Overwhelmingly Negative';
+        }
+    };
 
-        const userScoreLabel = getUserScoreLabel(userScore);
-        const userScoreColor = userScore >= 80 ? 'green' : userScore >= 50 ? 'orange' : 'red';
+    const userScoreLabel = getUserScoreLabel(userScore);
+    const userScoreColor = userScore >= 80 ? 'green' : userScore >= 50 ? 'orange' : 'red';
+
+    const userScoreClass = userScore >= 98.00 ? 'rainbow-gradient' : '';
     %>
 
 
                           
                       <br><span style="color: <%= likeColor %>;"><%= likePercentage %>%</span> of the users lieked the video!! <br>
                       <span style="color: <%= dislikeColor %>;"><%= dislikePercentage %>%</span> of the users dislieked the video!! <br>
-                      User score: <span style="color: <%= userScoreColor %>;"><%= userScore %></span>- <%= userScoreLabel %><br><br>
+                      User score: <span class="<%= userScoreClass %>" style="color: <%= userScoreColor %>;"><%= userScore %></span>- <%= userScoreLabel %><br><br>
                       RYD date created : <%=engagement.dateCreated.toLocaleString()%>  <br>
                       <a href="https://returnyoutubedislikeapi.com/votes?videoId=<%=inv_vid.videoId%>">See in json</a>