feat: add 1000 class error page

takodotid · Mar 18, 2024 · 5d1163f · 5d1163f
1 parent 07932d9
commit 5d1163f
Show file tree

Hide file tree

Showing 2 changed files with 66 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -7,6 +7,7 @@ This repository holds Cloudflare Custom Pages for Tako, licensed under MIT Licen
 ## Pages
 
 -   [500 Class Error](./src/500.html)
+-   [1000 Class Error](./src/1000.html)
 -   [Access Blocked](./src/blocked.html)
 
 ---

diff --git a/src/1000.html b/src/1000.html
@@ -0,0 +1,65 @@
+<!doctype html>
+
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+
+    <title>Tako - DDOS Detected</title>
+
+    <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+    <link rel="icon" type="image/png" href="./icon.png" />
+    <link rel="stylesheet" href="./style.css">
+</head>
+
+<body>
+    <noscript>Terjadi DDOS di Server Tako, Mohon Coba Refresh Kembali Halaman Ini.</noscript>
+
+    <main id="overlay"
+        class="relative bg-[#EA76AE]/60 max-w-xl rounded-md gap-1 items-stretch justify-center overflow-hidden text-white hidden flex-col px-4 py-4 animate-entry">
+        <img src="https://takodotid.github.io/cloudflare-custom-pages/logo.svg" class="relative w-20 z-10 pb-2" />
+
+        <h1 class="relative font-medium z-10 text-2xl text-balance">Terjadi DDOS, Mencoba Memperbaiki...</h1>
+        <p class="relative z-10 text-base opacity-75">Proses Ini Berjalan Otomatis</p>
+
+        <div class="absolute inset-0 bg-[#EA76AE] w-full h-full animate-loader"></div>
+    </main>
+
+    <main id="default"
+        class="relative bg-[#EA76AE]/75 text-white flex-col items-center justify-center gap-6 h-dvh hidden">
+        <img src="../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">
+            <h1 class="font-semibold text-2xl">Terdeteksi DDOS di Server Tako
+            </h1>
+
+            <p class="text-balance">Server Tako saat ini sedang mengalami kendala teknis untuk saat ini, mohon menunggu
+                beberapa saat. <u>Halaman ini akan update secara otomatis</u>.</p>
+        </div>
+
+        <div class="flex gap-4 relative z-10 *:py-3 *:px-4 *:rounded-md *:duration-200">
+            <a href="https://discord.gg/tako" target="_blank" class="bg-[#37A2EA] hover:opacity-75">Join Discord
+                Tako</a>
+            <a href="https://tako.instatus.com" target="_blank" class="bg-[#29373D] hover:opacity-75">Cek Status</a>
+        </div>
+
+        <div class="relative z-10 p-4 bg-[#1A2B32] rounded-md w-full max-w-screen-md prose *:text-white mt-4">
+            ::CLOUDFLARE_ERROR_500S_BOX::</div>
+
+        <div class="absolute inset-0 bg-[#EA76AE] 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">
+            <svg class="size-6 animate-spin stroke-2 stroke-white fill-none" viewBox="0 0 24 24">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+                <path d="M12 3a9 9 0 1 0 9 9" />
+            </svg>
+        </div>
+    </main>
+
+    <script type="text/javascript" src="./script.js"></script>
+</body>
+
+</html>