feat(ui): update ui

takodotid · Jun 14, 2024 · 7bc93ff · 7bc93ff
1 parent 0148fba
commit 7bc93ff
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/src/1000.html b/src/1000.html
@@ -18,7 +18,7 @@
 
         <main id="indicator" class="size-8 animate-pulse rounded-full bg-[#C264EE]/50 hidden"></main>
 
-        <main id="default" class="relative bg-[#C264EE]/75 text-white flex-col items-center justify-center gap-6 h-dvh hidden p-20">
+        <main id="default" class="relative bg-[#C264EE] text-white flex-col items-center justify-center gap-6 min-h-dvh hidden p-20">
             <img src="https://takodotid.github.io/cloudflare-custom-pages/logo.svg" class="relative w-40 z-10" />
 
             <div class="relative z-10 flex flex-col justify-center items-center gap-2 max-w-screen-md text-center">
@@ -34,7 +34,7 @@ <h1 class="font-semibold text-2xl">Server Sedang Tidak Tersedia Untuk Saat Ini</
 
             <div class="relative z-10 p-4 bg-[#1A2B32] rounded-md w-full max-w-screen-md prose prose-invert mt-4">::CLOUDFLARE_ERROR_1000S_BOX::</div>
 
-            <div class="absolute inset-0 bg-[#C264EE] w-full h-full animate-pulse"></div>
+            <div class="absolute inset-0 bg-[#1A2B32]/25 opacity-10 w-full h-full animate-pulse"></div>
             <div class="absolute left-0 top-0 bg-white w-full h-1 animate-loader z-20"></div>
 
             <div class="animate-pulse absolute top-4 right-4">

diff --git a/src/500.html b/src/500.html
@@ -18,7 +18,7 @@
 
         <main id="indicator" class="size-8 animate-pulse rounded-full bg-[#37A2EA]/50 hidden"></main>
 
-        <main id="default" class="relative bg-[#37A2EA]/75 text-white flex-col items-center justify-center gap-6 h-dvh hidden p-20">
+        <main id="default" class="relative bg-[#37A2EA] text-white flex-col items-center justify-center gap-6 min-h-dvh hidden p-20">
             <img src="https://takodotid.github.io/cloudflare-custom-pages/logo.svg" class="relative w-40 z-10" />
 
             <div class="relative z-10 flex flex-col justify-center items-center gap-2 max-w-screen-md text-center">
@@ -34,7 +34,7 @@ <h1 class="font-semibold text-2xl">Terjadi Kesalahan di Server</h1>
 
             <div class="relative z-10 p-4 bg-[#1A2B32] rounded-md w-full max-w-screen-md prose prose-invert mt-4">::CLOUDFLARE_ERROR_500S_BOX::</div>
 
-            <div class="absolute inset-0 bg-[#37A2EA] w-full h-full animate-pulse"></div>
+            <div class="absolute inset-0 bg-[#1A2B32]/25 opacity-10 w-full h-full animate-pulse"></div>
             <div class="absolute left-0 top-0 bg-white w-full h-1 animate-loader z-20"></div>
 
             <div class="animate-pulse absolute top-4 right-4">

diff --git a/src/blocked.html b/src/blocked.html
@@ -18,7 +18,7 @@
 
         <main id="indicator" class="size-8 animate-pulse rounded-full bg-[#EC4C4F]/50 hidden"></main>
 
-        <main id="default" class="relative bg-[#EC4C4F] text-white flex-col items-center justify-center gap-6 h-dvh hidden p-20">
+        <main id="default" class="relative bg-[#EC4C4F] text-white flex-col items-center justify-center gap-6 min-h-dvh hidden p-20">
             <img src="https://takodotid.github.io/cloudflare-custom-pages/logo.svg" class="relative w-40 z-10" />
 
             <div class="flex flex-col justify-center items-center gap-2 max-w-screen-md relative z-10 text-center">

diff --git a/src/script.js b/src/script.js
@@ -7,6 +7,8 @@ if (window.location.pathname.startsWith("/overlay")) {
     document.getElementById("default").style.display = "flex";
 }
 
+console.log("Interval started");
+
 setInterval(async () => {
     const response = await fetch("/", { method: "GET" });