From 2e449e5cc88c7e1bb4bb41831845fdde1fd91423 Mon Sep 17 00:00:00 2001
From: ashley <iamashley@duck.com>
Date: Fri, 12 Sep 2025 10:52:26 +0200
Subject: [PATCH] test something

---
 html/playlist.ejs | 41 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/html/playlist.ejs b/html/playlist.ejs
index 81ff200a..c53e7b70 100644
--- a/html/playlist.ejs
+++ b/html/playlist.ejs
@@ -154,7 +154,40 @@ font-family:Ubuntu
 .closebtn:hover {
   color: black;
 }
+.thumbnail {
+  position: relative;
+  display: inline-block;
+}
 
+.thumbnail .hover-text {
+    display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: white;
+  font-size: 24px;
+  font-weight: bold;
+  background-color: rgba(0, 0, 0, 0.5);  
+  padding: 5px 10px;
+  border-radius: 5px;
+  z-index: 2;
+}
+
+.thumbnail:hover .hover-text {
+  display: block;
+}
+
+.thumbnail .video-length {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+  z-index: 1;
+}
+
+.thumbnail:hover .video-length {
+  display: none;
+}
 .playlist-video > .info > .title {
     border-radius:0em;
     max-height: 1.9em;
@@ -219,8 +252,12 @@ font-family:Ubuntu
 <div class="playlist-info" style="max-height: 26em;border-radius: 1em;">
             <% if (!p.mixId) { %>  
 
-		<div class="thumbnail" style="background-image: url('<%- mediaproxy %>/proxy?url=<%- p.playlistThumbnail %>sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&amp;rs=AOn4CLCLG7gzsIdtlp7ugZJH8YaAHX5bIw&amp;days_since_epoch=19755');border-radius: 13px;border: 1px solid #ff0064">
-		</div>	  <% } %>
+
+		<a class="thumbnail" style="background-image: url('<%- mediaproxy %>/proxy?url=<%- p.playlistThumbnail %>sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&amp;rs=AOn4CLCLG7gzsIdtlp7ugZJH8YaAHX5bIw&amp;days_since_epoch=19755');border-radius: 13px;border: 1px solid #ff0064">
+        <span class="hover-text">Watch :3</span>
+		</div>	
+    
+      <% } %>
 
 		<p class="title"><%- p.title %> </p>
           <% if (!p.mixId) { %>