cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2a06:98c1:3121::3:8443 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 521 <none> Date: Sun, 11 Jan 2026 03:33:51 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=199,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bc15ae5acd307e8-SJC alt-svc: h3=":8443"; ma=86400 error code: 521
Open service 2a06:98c1:3121::3:443 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 03:33:51 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
vary: Accept-Encoding
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
x-content-type-options: nosniff
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'self' http: https: data: blob: 'unsafe-inline'
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=G%2FM5haVUTb1hvJ%2FuWpP3HTmhU3CShTpE%2FvfrtGpVIB9zLkDhGCaRqGRe66is5II7ZB4wI%2Fl3aviV4QtuEzvpsmCheWVwpxlLAD4wkoNEGtbFJoGuo5lkUOOWgRDdXQ%3D%3D"}]}
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=9,cfOrigin;dur=205
CF-RAY: 9bc15ae5ee1f47b4-BOM
alt-svc: h3=":443"; ma=86400
Page title: DramaBox - Drama Streaming
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DramaBox - Drama Streaming</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/main.css">
</head>
<body class="bg-gray-900 text-white min-h-screen">
<!-- Header with Search -->
<header class="bg-gray-800 shadow-lg py-4">
<div class="container mx-auto px-4">
<h1 class="text-3xl font-bold text-center">
<i class="fas fa-play-circle text-yellow-500 mr-3"></i>
DramaBox Streaming
</h1>
<p class="text-center text-gray-400 mt-2">Nonton Drama Favorit Anda</p>
<!-- Search Bar -->
<div class="max-w-2xl mx-auto mt-6">
<div class="flex gap-3">
<div class="flex-1 relative">
<input type="text" id="searchInput"
placeholder="Cari drama... (contoh: pewaris, cinta, balas dendam)"
class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-transparent text-white placeholder-gray-400">
<i class="fas fa-search absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
</div>
<button id="searchBtn" class="bg-yellow-600 hover:bg-yellow-700 px-6 py-3 rounded-lg font-medium transition-colors">
<i class="fas fa-search mr-2"></i>Cari
</button>
<button id="clearSearchBtn" class="bg-gray-600 hover:bg-gray-700 px-4 py-3 rounded-lg transition-colors hidden">
<i class="fas fa-times"></i>
</button>
</div>
</div>
</div>
</header>
<!-- Navigation Tabs -->
<nav class="bg-gray-700 border-b border-gray-600">
<div class="container mx-auto px-4">
<div class="flex space-x-8">
<button id="tabLatest" class="tab-btn active py-4 px-2 border-b-2 border-yellow-500 text-yellow-500 font-medium">
<i class="fas fa-fire mr-2"></i>Terbaru
</button>
<button id="tabPopular" class="tab-btn py-4 px-2 border-b-2 border-transparent text-gray-400 hover:text-white">
<i class="fas fa-star mr-2"></i>Populer
</button>
<button id="tabGenre" class="tab-btn py-4 px-2 border-b-2 border-transparent text-gray-400 hover:text-white">
<i class="fas fa-tags mr-2"></i>Genre
</button>
</div>
</div>
</nav>
<!-- Status Bar -->
<div id="statusBar" class="bg-gray-800 border-b border-gray-700 py-3 hidden">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between">
<div id="statusText" class="text-gray-300"></div>
<div class="flex gap-3">
<select id="sortSelect" class="text-sm bg-gray-700 text-white px-3 py-1 rounded border border-gray-600">
<option value="latest">Terbaru</option>
<option value="popular">Terpopuler</option>
<option value="episodes">Episode Terbanyak</option>
</select>
</div>
</div>
</div>
</div>
<!-- Loading -->
<div id="loading" class="flex items-center justify-center py-20">
<div class="text-center">
<i class="fas fa-spinner fa-spin text-yellow-500 text-4xl mb-4"></i>
<p class="text-gray-400">Memuat daftar drama...</p>
</div>
</div>
<!-- Main Content -->
<main class="container mx-auto px-4 py-8">
<!-- Latest Dramas -->
<div id="dramaGrid
Open service 2a06:98c1:3121::3:80 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 301 Moved Permanently
Date: Sun, 11 Jan 2026 03:33:51 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Location: https://dramabox.classy.id/
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=16,cfOrigin;dur=29
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=oJISH%2FSVSmyym6EsxIh6yOFVbrx5Ko4WvgNo9gfEL2U0LvesvtInmKOLPOJIOGGzbQQMGM3uZynm1mZE6AnOzZjtMWG%2B1T%2FCrqXAIF3mCI7Wxsy1nQiS0%2B0GwotrwQ%3D%3D"}]}
CF-RAY: 9bc15ae4a857cdda-SIN
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.24.0 (Ubuntu)</center>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"8b6050c7a669442c917e42e4e46373eb","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
Open service 104.21.87.196:8443 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 521 <none> Date: Sun, 11 Jan 2026 03:33:51 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=263,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bc15ae5cb0134dc-YYZ alt-svc: h3=":8443"; ma=86400 error code: 521
Open service 172.67.145.183:80 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 301 Moved Permanently
Date: Sun, 11 Jan 2026 03:33:52 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Location: https://dramabox.classy.id/
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=14,cfOrigin;dur=642
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=8P%2B1g8JkER5qlU84chhvc8R7IAIvaYb09u0U%2FSG5ETxZrlOf%2B1S41CWR5kFes5S5IR3ion3BL6SNMKcFYAcDZLdnufXhzUkogcWdU3dALam%2BUg%3D%3D"}]}
CF-RAY: 9bc15ae85d9a1a5c-EWR
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.24.0 (Ubuntu)</center>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"8b6050c7a669442c917e42e4e46373eb","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
Open service 172.67.145.183:443 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 03:33:52 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
vary: Accept-Encoding
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
x-content-type-options: nosniff
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'self' http: https: data: blob: 'unsafe-inline'
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=5AB9S5EZl%2B2iLlI9eSSGXqPuBgkiDHt%2Fzx1kS0Hm1JfwB3UzXp3em%2F8tUZria65LqomjbypPzX%2BYdNaLUlfToxNluxUTuNlHARU1WWoa6nEBRQ%3D%3D"}]}
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=12,cfOrigin;dur=963
CF-RAY: 9bc15ae62e9b93b6-EWR
alt-svc: h3=":443"; ma=86400
Page title: DramaBox - Drama Streaming
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DramaBox - Drama Streaming</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/main.css">
</head>
<body class="bg-gray-900 text-white min-h-screen">
<!-- Header with Search -->
<header class="bg-gray-800 shadow-lg py-4">
<div class="container mx-auto px-4">
<h1 class="text-3xl font-bold text-center">
<i class="fas fa-play-circle text-yellow-500 mr-3"></i>
DramaBox Streaming
</h1>
<p class="text-center text-gray-400 mt-2">Nonton Drama Favorit Anda</p>
<!-- Search Bar -->
<div class="max-w-2xl mx-auto mt-6">
<div class="flex gap-3">
<div class="flex-1 relative">
<input type="text" id="searchInput"
placeholder="Cari drama... (contoh: pewaris, cinta, balas dendam)"
class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-transparent text-white placeholder-gray-400">
<i class="fas fa-search absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
</div>
<button id="searchBtn" class="bg-yellow-600 hover:bg-yellow-700 px-6 py-3 rounded-lg font-medium transition-colors">
<i class="fas fa-search mr-2"></i>Cari
</button>
<button id="clearSearchBtn" class="bg-gray-600 hover:bg-gray-700 px-4 py-3 rounded-lg transition-colors hidden">
<i class="fas fa-times"></i>
</button>
</div>
</div>
</div>
</header>
<!-- Navigation Tabs -->
<nav class="bg-gray-700 border-b border-gray-600">
<div class="container mx-auto px-4">
<div class="flex space-x-8">
<button id="tabLatest" class="tab-btn active py-4 px-2 border-b-2 border-yellow-500 text-yellow-500 font-medium">
<i class="fas fa-fire mr-2"></i>Terbaru
</button>
<button id="tabPopular" class="tab-btn py-4 px-2 border-b-2 border-transparent text-gray-400 hover:text-white">
<i class="fas fa-star mr-2"></i>Populer
</button>
<button id="tabGenre" class="tab-btn py-4 px-2 border-b-2 border-transparent text-gray-400 hover:text-white">
<i class="fas fa-tags mr-2"></i>Genre
</button>
</div>
</div>
</nav>
<!-- Status Bar -->
<div id="statusBar" class="bg-gray-800 border-b border-gray-700 py-3 hidden">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between">
<div id="statusText" class="text-gray-300"></div>
<div class="flex gap-3">
<select id="sortSelect" class="text-sm bg-gray-700 text-white px-3 py-1 rounded border border-gray-600">
<option value="latest">Terbaru</option>
<option value="popular">Terpopuler</option>
<option value="episodes">Episode Terbanyak</option>
</select>
</div>
</div>
</div>
</div>
<!-- Loading -->
<div id="loading" class="flex items-center justify-center py-20">
<div class="text-center">
<i class="fas fa-spinner fa-spin text-yellow-500 text-4xl mb-4"></i>
<p class="text-gray-400">Memuat daftar drama...</p>
</div>
</div>
<!-- Main Content -->
<main class="container mx-auto px-4 py-8">
<!-- Latest Dramas -->
<div id="dramaGrid
Open service 2a06:98c1:3120::3:8443 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 521 <none> Date: Sun, 11 Jan 2026 03:33:51 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=179,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bc15ae51a13367d-FRA alt-svc: h3=":8443"; ma=86400 error code: 521
Open service 2a06:98c1:3120::3:80 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 301 Moved Permanently
Date: Sun, 11 Jan 2026 03:33:52 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Location: https://dramabox.classy.id/
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=11,cfOrigin;dur=359
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=rn%2BnxZlAwymZHi6g0CeiUTgUqpwds%2FVcTRF1HVTnlmEAZ%2FsaYJeo8avwPBUK8qtN159ZQVUnpTLS1FLmmEjSwJ3XvhBw7KpsI3rOv%2BaYfhduffCHyulzeVu3cuVidg%3D%3D"}]}
CF-RAY: 9bc15ae61a95dbda-FRA
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.24.0 (Ubuntu)</center>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"8b6050c7a669442c917e42e4e46373eb","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
Open service 104.21.87.196:443 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 03:33:52 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
vary: Accept-Encoding
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
x-content-type-options: nosniff
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'self' http: https: data: blob: 'unsafe-inline'
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=8vRkVqjU%2FtAyMJxSanpd%2BCLQbCb%2BBHozZTAUic0yMvNX%2FhwTjxUdxzogZS%2FNTuwB28xcvKK2K6xtzggNzj%2Ffpr2YAEPeae61jCaEZHywrog5BA%3D%3D"}]}
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=5,cfOrigin;dur=556
CF-RAY: 9bc15ae75e0eae99-SJC
alt-svc: h3=":443"; ma=86400
Page title: DramaBox - Drama Streaming
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DramaBox - Drama Streaming</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/main.css">
</head>
<body class="bg-gray-900 text-white min-h-screen">
<!-- Header with Search -->
<header class="bg-gray-800 shadow-lg py-4">
<div class="container mx-auto px-4">
<h1 class="text-3xl font-bold text-center">
<i class="fas fa-play-circle text-yellow-500 mr-3"></i>
DramaBox Streaming
</h1>
<p class="text-center text-gray-400 mt-2">Nonton Drama Favorit Anda</p>
<!-- Search Bar -->
<div class="max-w-2xl mx-auto mt-6">
<div class="flex gap-3">
<div class="flex-1 relative">
<input type="text" id="searchInput"
placeholder="Cari drama... (contoh: pewaris, cinta, balas dendam)"
class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-transparent text-white placeholder-gray-400">
<i class="fas fa-search absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
</div>
<button id="searchBtn" class="bg-yellow-600 hover:bg-yellow-700 px-6 py-3 rounded-lg font-medium transition-colors">
<i class="fas fa-search mr-2"></i>Cari
</button>
<button id="clearSearchBtn" class="bg-gray-600 hover:bg-gray-700 px-4 py-3 rounded-lg transition-colors hidden">
<i class="fas fa-times"></i>
</button>
</div>
</div>
</div>
</header>
<!-- Navigation Tabs -->
<nav class="bg-gray-700 border-b border-gray-600">
<div class="container mx-auto px-4">
<div class="flex space-x-8">
<button id="tabLatest" class="tab-btn active py-4 px-2 border-b-2 border-yellow-500 text-yellow-500 font-medium">
<i class="fas fa-fire mr-2"></i>Terbaru
</button>
<button id="tabPopular" class="tab-btn py-4 px-2 border-b-2 border-transparent text-gray-400 hover:text-white">
<i class="fas fa-star mr-2"></i>Populer
</button>
<button id="tabGenre" class="tab-btn py-4 px-2 border-b-2 border-transparent text-gray-400 hover:text-white">
<i class="fas fa-tags mr-2"></i>Genre
</button>
</div>
</div>
</nav>
<!-- Status Bar -->
<div id="statusBar" class="bg-gray-800 border-b border-gray-700 py-3 hidden">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between">
<div id="statusText" class="text-gray-300"></div>
<div class="flex gap-3">
<select id="sortSelect" class="text-sm bg-gray-700 text-white px-3 py-1 rounded border border-gray-600">
<option value="latest">Terbaru</option>
<option value="popular">Terpopuler</option>
<option value="episodes">Episode Terbanyak</option>
</select>
</div>
</div>
</div>
</div>
<!-- Loading -->
<div id="loading" class="flex items-center justify-center py-20">
<div class="text-center">
<i class="fas fa-spinner fa-spin text-yellow-500 text-4xl mb-4"></i>
<p class="text-gray-400">Memuat daftar drama...</p>
</div>
</div>
<!-- Main Content -->
<main class="container mx-auto px-4 py-8">
<!-- Latest Dramas -->
<div id="dramaGrid
Open service 2a06:98c1:3120::3:443 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 03:33:52 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
vary: Accept-Encoding
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
x-content-type-options: nosniff
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'self' http: https: data: blob: 'unsafe-inline'
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=4PefIF4soVojIMMNa14UUw1rg0s7PfcOqWHqfbG5A6GrIRWF3jXSi0j%2FZ6PkFNcc5lGVO3LNcw4963Fno%2B4cgoe316iEJcucPwllH0PPH5HZWGM96iT1jEJdAZKfgw%3D%3D"}]}
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=4,cfOrigin;dur=523
CF-RAY: 9bc15ae6ff7bd281-FRA
alt-svc: h3=":443"; ma=86400
Page title: DramaBox - Drama Streaming
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DramaBox - Drama Streaming</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/main.css">
</head>
<body class="bg-gray-900 text-white min-h-screen">
<!-- Header with Search -->
<header class="bg-gray-800 shadow-lg py-4">
<div class="container mx-auto px-4">
<h1 class="text-3xl font-bold text-center">
<i class="fas fa-play-circle text-yellow-500 mr-3"></i>
DramaBox Streaming
</h1>
<p class="text-center text-gray-400 mt-2">Nonton Drama Favorit Anda</p>
<!-- Search Bar -->
<div class="max-w-2xl mx-auto mt-6">
<div class="flex gap-3">
<div class="flex-1 relative">
<input type="text" id="searchInput"
placeholder="Cari drama... (contoh: pewaris, cinta, balas dendam)"
class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-transparent text-white placeholder-gray-400">
<i class="fas fa-search absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
</div>
<button id="searchBtn" class="bg-yellow-600 hover:bg-yellow-700 px-6 py-3 rounded-lg font-medium transition-colors">
<i class="fas fa-search mr-2"></i>Cari
</button>
<button id="clearSearchBtn" class="bg-gray-600 hover:bg-gray-700 px-4 py-3 rounded-lg transition-colors hidden">
<i class="fas fa-times"></i>
</button>
</div>
</div>
</div>
</header>
<!-- Navigation Tabs -->
<nav class="bg-gray-700 border-b border-gray-600">
<div class="container mx-auto px-4">
<div class="flex space-x-8">
<button id="tabLatest" class="tab-btn active py-4 px-2 border-b-2 border-yellow-500 text-yellow-500 font-medium">
<i class="fas fa-fire mr-2"></i>Terbaru
</button>
<button id="tabPopular" class="tab-btn py-4 px-2 border-b-2 border-transparent text-gray-400 hover:text-white">
<i class="fas fa-star mr-2"></i>Populer
</button>
<button id="tabGenre" class="tab-btn py-4 px-2 border-b-2 border-transparent text-gray-400 hover:text-white">
<i class="fas fa-tags mr-2"></i>Genre
</button>
</div>
</div>
</nav>
<!-- Status Bar -->
<div id="statusBar" class="bg-gray-800 border-b border-gray-700 py-3 hidden">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between">
<div id="statusText" class="text-gray-300"></div>
<div class="flex gap-3">
<select id="sortSelect" class="text-sm bg-gray-700 text-white px-3 py-1 rounded border border-gray-600">
<option value="latest">Terbaru</option>
<option value="popular">Terpopuler</option>
<option value="episodes">Episode Terbanyak</option>
</select>
</div>
</div>
</div>
</div>
<!-- Loading -->
<div id="loading" class="flex items-center justify-center py-20">
<div class="text-center">
<i class="fas fa-spinner fa-spin text-yellow-500 text-4xl mb-4"></i>
<p class="text-gray-400">Memuat daftar drama...</p>
</div>
</div>
<!-- Main Content -->
<main class="container mx-auto px-4 py-8">
<!-- Latest Dramas -->
<div id="dramaGrid
Open service 172.67.145.183:8443 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 521 <none> Date: Sun, 11 Jan 2026 03:33:51 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=23,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bc15ae39bcdfdaa-SIN alt-svc: h3=":8443"; ma=86400 error code: 521
Open service 104.21.87.196:80 · dramabox.classy.id
2026-01-11 03:33
HTTP/1.1 301 Moved Permanently
Date: Sun, 11 Jan 2026 03:33:52 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Location: https://dramabox.classy.id/
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=12,cfOrigin;dur=329
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Is7HqPRnCTn%2FHRctU66fahvsOzUbjYyQH%2FVOCpsTzmltnJVC1hwoAurgkBpZj09MAmzUSMqBo7lqpH%2BNMYo2fDoQv%2FOY6DvRXrk4oA7tKWbVPQ%3D%3D"}]}
CF-RAY: 9bc15ae72e4b4693-EWR
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.24.0 (Ubuntu)</center>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"8b6050c7a669442c917e42e4e46373eb","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>