From 3e0af4d807ab7edf4e03d5ef970e49b4416b3392 Mon Sep 17 00:00:00 2001 From: ashley Date: Tue, 27 Aug 2024 21:46:33 +0000 Subject: [PATCH] add blur optimization :3 --- html/poketube.ejs | 30 +++++++++++++++++++++++++++++- 1 file changed, 29 insertions(+), 1 deletion(-) diff --git a/html/poketube.ejs b/html/poketube.ejs index 1a011b0a..dd9895e4 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -2288,10 +2288,38 @@ window.addEventListener("unload", cleanup) position: absolute; top: 0px; border-radius: 18px; - filter: blur(150px); transform: scale(1.1); z-index: -1; } + +.ambient-canvas { + filter: blur(90px); /* its the default blur lol */ +} + +@media (min-width: 768px) { + .ambient-canvas { + filter: blur(110px); + } +} + +@media (min-width: 1080px) { + .ambient-canvas { + filter: blur(120px); + } +} + +@media (min-width: 1440px) { + .ambient-canvas { + filter: blur(150px); + } +} + +@media (min-width: 2160px) { + .ambient-canvas { + filter: blur(200px); + } +} + <% } %>