From a6d3e97e81caa0ce6be4d5d58320c0b5b85ca157 Mon Sep 17 00:00:00 2001
From: Ashley //// <iamashley@duck.com>
Date: Sat, 3 Feb 2024 22:17:26 +0000
Subject: [PATCH] add blur bg

---
 html/playlist.ejs | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/html/playlist.ejs b/html/playlist.ejs
index 888cc183..a0c5ec6d 100644
--- a/html/playlist.ejs
+++ b/html/playlist.ejs
@@ -164,6 +164,25 @@ font-family:Ubuntu
   font-stretch: ultra-expanded;
   font-weight: 600;
 }
+
+.playlist-info{
+  position: sticky
+}
+
+.playlist-info::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 14em;
+  height: 447px;
+  background-size: cover;
+  filter: blur(53px);
+  backdrop-filter: blur(157px);
+  z-index: -1;
+  background-image: url(<%- mediaproxy %>/proxy?url=<%- p.playlistThumbnail %>sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&amp;rs=AOn4CLCLG7gzsIdtlp7ugZJH8YaAHX5bIw&amp;days_since_epoch=19755);
+  margin-left: 65px;
+}
   </style>
  </head>
  
@@ -197,7 +216,7 @@ 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 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>	  <% } %>
 
 		<p class="title"><%- p.title %> </p>