Upload 3 files

index.html

@@ -27,9 +27,7 @@
       <i class="fas fa-skull"></i>
       <span>BLUE DEMON</span>
     </div>
-
-    <!-- NEW: right-side menu -->
-    <nav class="menu-bar">
+    <nav>
       <a href="#apis">APIs</a>
       <a href="#docs">Docs</a>
       <a href="#status">Status</a>
@@ -56,7 +54,7 @@
     </div>
     <div class="stat-card">
       <i class="fas fa-server"></i>
-      <span>51</span>
+      <span>50</span>
       <small>endpoints</small>
     </div>
     <div class="stat-card">

script.js

@@ -1,84 +1,40 @@
 /* ======  DATA  ====== */
 const endpoints = [
   {
-    name: "All-in-one",
-    path: "/api/all-in-one?url=https://fb.com/video",
-    method: "GET",
-    params: ["url"],
-    desc: "Download any social-media video",
-    cat: "Downloaders",
-  },
-  {
-    name: "Anime Quote",
-    path: "/api/aniquote",
-    method: "GET",
-    params: [],
-    desc: "Random quote from popular anime",
-    cat: "Fun",
-  },
-  {
-    name: "APK Downloader",
-    path: "/api/apkdl?q=Facebook%20lite",
-    method: "GET",
-    params: ["q"],
-    desc: "Download APKs directly",
-    cat: "Downloaders",
-  },
-  {
-    name: "Calculator",
-    path: "/api/cal?num1=10&num2=5&operation=add",
-    method: "GET",
-    params: ["num1", "num2", "operation"],
-    desc: "Basic arithmetic",
-    cat: "Tools",
-  },
-  {
-    name: "Country Info",
-    path: "/api/country?q=Nigeria",
+    name: "Decode",
+    path: "/api/decode?binary=01001000",
     method: "GET",
-    params: ["q"],
-    desc: "Country profiles",
+    params: ["binary"],
+    desc: "Binary → text",
     cat: "Tools",
+    isActive: true,
   },
   {
-    name: "Currency Converter",
-    path: "/api/convert?from=USD&to=EUR&amount=100",
+    name: "Facebook DL",
+    path: "/api/fbdl?url=https://www.facebook.com/share/r/1JB12MKi1Z/",
     method: "GET",
-    params: ["from", "to", "amount"],
-    desc: "Live exchange rates",
-    cat: "Tools",
+    params: ["url"],
+    desc: "Facebook video downloader",
+    cat: "Downloaders",
+    isActive: true,
   },
   {
-    name: "Dare",
-    path: "/api/dare",
+    name: "Flirt 😏",
+    path: "/api/flirt",
     method: "GET",
     params: [],
-    desc: "Random dare challenge",
+    desc: "Random flirting text",
     cat: "Fun",
+    isActive: false,
   },
   {
-    name: "Encode",
-    path: "/api/encode?text=Hello-world",
+    name: "Font",
+    path: "/api/font",
     method: "GET",
     params: ["text"],
-    desc: "Text → binary",
+    desc: "Generate different fonts",
     cat: "Tools",
-  },
-  {
-    name: "Decode",
-    path: "/api/decode?binary=01001000",
-    method: "GET",
-    params: ["binary"],
-    desc: "Binary → text",
-    cat: "Tools",
-  },
-  {
-    name: "Facebook DL",
-    path: "/api/fbdl?url=https://www.facebook.com/share/r/1JB12MKi1Z/",
-    method: "GET",
-    params: ["url"],
-    desc: "Facebook video downloader",
-    cat: "Downloaders",
+    isActive: true,
   },
   {
     name: "Gpt3.5",
@@ -87,6 +43,7 @@ const endpoints = [
     params: ["prompt"],
     desc: "ChatGPT-3.5 turbo",
     cat: "AI",
+    isActive: true,
   },
   {
     name: "TikTok DL",
@@ -95,134 +52,61 @@ const endpoints = [
     params: ["url"],
     desc: "No-watermark TikTok",
     cat: "Downloaders",
+    isActive: true,
   },
   {
-    name: "Instagram DL",
-    path: "/api/instadl?url=https://www.instagram.com/reel/DNsaHN70Cdr/?igsh=YzljYTk1ODg3Zg==",
-    method: "GET",
-    params: ["url"],
-    desc: "Instagram media downloader",
-    cat: "Downloaders",
-  },
-  {
-    name: "YouTube MP4",
-    path: "/api/ytmp4?url=URL",
+    name: "TikTok DL2",
+    path: "/api/tkdl2?url=https://vt.tiktok.com/ZSAG1bG1e/",
     method: "GET",
     params: ["url"],
-    desc: "YouTube video",
+    desc: "No-watermark TikTok",
     cat: "Downloaders",
+    isActive: false,
   },
   {
-    name: "YouTube MP3",
-    path: "/api/ytmp3?url=URL",
+    name: "Instagram DL",
+    path: "/api/instadl?url=https://www.instagram.com/reel/DNsaHN70Cdr/?igsh=YzljYTk1ODg3Zg==",
     method: "GET",
     params: ["url"],
-    desc: "YouTube audio",
+    desc: "Instagram media downloader",
     cat: "Downloaders",
+    isActive: true,
   },
   {
-    name: "Text-to-Image",
-    path: "/api/text2img?prompt=hello",
-    method: "GET",
-    params: ["prompt"],
-    desc: "AI image generation",
-    cat: "AI",
-  },
-  {
-    name: "Translator",
-    path: "/api/translate?text=hello&from=en&to=id",
-    method: "GET",
-    params: ["text", "from", "to"],
-    desc: "Auto-detect translate",
-    cat: "Tools",
-  },
-  {
-    name: "Joke",
-    path: "/api/joke",
-    method: "GET",
-    params: [],
-    desc: "Random joke",
-    cat: "Fun",
-  },
-  {
-    name: "Quote",
-    path: "/api/quote",
-    method: "GET",
-    params: [],
-    desc: "Inspirational quote",
-    cat: "Fun",
-  },
-  {
-    name: "Screenshot",
-    path: "/api/screenshot?url=WEBSITE",
+    name: "wachannel",
+    path: "/api/wachannel?url=https://whatsapp.com/channel/0029VangYOt96H4JhFarL10C",
     method: "GET",
     params: ["url"],
-    desc: "Website screenshot",
-    cat: "Tools",
+    desc: "Get WhatsApp channel info",
+    cat: "Stalker",
+    isActive: false,
   },
   {
-    name: "TinyURL",
-    path: "/api/tinyurl?url=LONG",
+    name: "Wallpaper",
+    path: "/api/wallpaper?q=naruto",
     method: "GET",
-    params: ["url"],
-    desc: "URL shortener",
-    cat: "Tools",
+    params: ["q"],
+    desc: "Wallpaper search",
+    cat: "Search",
+    isActive: true,
   },
   {
-    name: "Spotify DL",
-    path: "/api/spotifydl?url=TRACK_URL",
+    name: "YouTube MP4",
+    path: "/api/ytmp4?url=URL",
     method: "GET",
     params: ["url"],
-    desc: "Spotify downloader",
+    desc: "YouTube video",
     cat: "Downloaders",
+    isActive: true,
   },
   {
-    name: "Twitter DL",
-    path: "/api/twitterdl?url=https://x.com/Korsogyimi/status/1962912658618802257",
+    name: "YouTube MP3",
+    path: "/api/ytmp3?url=URL",
     method: "GET",
     params: ["url"],
-    desc: "Twitter video downloader",
+    desc: "YouTube audio",
     cat: "Downloaders",
-  },
-  {
-    name: "Pinterest Search",
-    path: "/api/pinterest?q=cats",
-    method: "GET",
-    params: ["q"],
-    desc: "Pinterest images",
-    cat: "Search",
-  },
-  {
-    name: "Wallpaper",
-    path: "/api/wallpaper?q=nature",
-    method: "GET",
-    params: ["q"],
-    desc: "HD wallpapers",
-    cat: "Random",
-  },
-  {
-    name: "Waifu (NSFW)",
-    path: "/api/waifu?q=",
-    method: "GET",
-    params: ["q"],
-    desc: "Random waifu pics",
-    cat: "Random",
-  },
-  {
-    name: "Hentai (NSFW)",
-    path: "/api/hentai",
-    method: "GET",
-    params: [],
-    desc: "Hentai videos",
-    cat: "Random",
-  },
-  {
-    name: "XXX Search",
-    path: "/api/xxxsearch?q=keyword",
-    method: "GET",
-    params: ["q"],
-    desc: "Search adult videos",
-    cat: "Search",
+    isActive: true,
   },
 ];
 
@@ -274,6 +158,7 @@ function render(reset = true) {
       <h4>${e.name}</h4>
       <p>${e.desc}</p>
       <span class="method">${e.method}</span>
+      <span class="status ${e.isActive ? 'online' : 'offline'}">${e.isActive ? 'Online' : 'Down'}</span>
     `;
     card.onclick = () => openModal(e);
     grid.appendChild(card);
@@ -317,7 +202,12 @@ function openModal(e) {
   mBody.innerHTML = `
     <p>${e.desc}</p>
     <p><strong>Method:</strong> ${e.method}</p>
-    ${e.params.length ? `<p><strong>Params:</strong> ${e.params.join(", ")}</p>` : ""}
+    ${
+      e.params.length
+        ? `<p><strong>Params:</strong> ${e.params.join(", ")}</p>`
+        : ""
+    }
+    <p><strong>Status:</strong> <span class="status ${e.isActive ? 'online' : 'offline'}">${e.isActive ? 'Online' : 'Down'}</span></p>
     <div class="code-snippet">curl -X ${e.method} "${url}"</div>
     <div style="margin-top:1rem">
       <button class="btn-copy" onclick="navigator.clipboard.writeText('${url}')">Copy URL</button>

styles.css

@@ -16,7 +16,10 @@
   --radius: 16px;
 }
 
-* { margin: 0; padding: 0; box-sizing: border-box; }
+/* 2.  Apply Gagalin globally */
+* {
+  margin: 0; padding: 0; box-sizing: border-box;
+}
 html { scroll-behavior: smooth; }
 body {
   font-family: "Gagalin", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
@@ -25,8 +28,19 @@ body {
   line-height: 1.5;
   overflow-x: hidden;
 }
+.status {
+  position: absolute;
+  bottom: 1rem;
+  right: 1rem;
+  font-size: 0.7rem;
+  padding: 0.2rem 0.6rem;
+  border-radius: 20px;
+  font-weight: 600;
+}
+.status.online  { background: #00c851; color: #fff; }
+.status.offline { background: #ff4444; color: #fff; }
 
-/* Liquid BG */
+/* 3.  Liquid BG */
 .liquid-bg {
   position: fixed; inset: 0; z-index: -1; overflow: hidden;
 }
@@ -43,30 +57,19 @@ body {
   100% { transform: translate(0, 0) scale(1); }
 }
 
-/* Header */
+/* 4.  Header */
 .header {
   position: sticky; top: 0; z-index: 10;
   display: flex; align-items: center; justify-content: space-between;
   padding: 1rem 2rem; background: var(--surface); backdrop-filter: blur(20px);
   border-bottom: 1px solid var(--border);
 }
-.logo {
-  font-family: "Gagalin"; font-size: 1.4rem;
-  display: flex; align-items: center; gap: .5rem; color: var(--accent-solid);
-}
-.menu-bar {
-  display: flex; gap: 1.2rem; font-family: "Gagalin";
-}
-.menu-bar a {
-  color: var(--text2); font-weight: 500; text-decoration: none;
-  transition: color .2s;
-}
-.menu-bar a:hover { color: var(--accent-solid); }
-@media (max-width: 600px) {
-  .menu-bar { gap: 1rem; font-size: .9rem; }
-}
+.logo { font-family: "Gagalin"; font-size: 1.4rem; display: flex; align-items: center; gap: .5rem; color: var(--accent-solid); }
+nav { display: flex; gap: 1.2rem; }
+nav a { color: var(--text2); font-weight: 500; text-decoration: none; transition: color .2s; }
+nav a:hover { color: var(--accent-solid); }
 
-/* Hero */
+/* 5.  Hero */
 .hero {
   display: flex; flex-direction: column; align-items: center; justify-content: center;
   text-align: center; min-height: 50vh; padding: 4rem 1rem;
@@ -83,7 +86,7 @@ body {
 }
 .cta:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(255, 179, 71, 0.35); }
 
-/* Stats */
+/* 6.  Stats */
 .stats {
   display: flex; justify-content: center; gap: 2.5rem; padding: 2rem 1rem; flex-wrap: wrap;
 }
@@ -102,7 +105,7 @@ body {
 .stat-card span { font-size: 1.4rem; font-weight: 700; }
 .stat-card small { color: var(--text2); }
 
-/* API Section */
+/* 7.  API Section */
 .api-section { padding: 3rem 1rem; max-width: 1000px; margin: auto; }
 .controls { margin-bottom: 2rem; }
 #search {
@@ -136,7 +139,7 @@ body {
 .card p { font-size: .9rem; color: var(--text2); }
 .card .method {
   position: absolute; top: 1rem; right: 1rem;
-  font-family: "JetBrains Mono", monospace; font-size: .7rem;
+  font-family: var(--mono); font-size: .7rem;
   background: rgba(255, 179, 71, 0.2); color: #ffb347;
   padding: .15rem .4rem; border-radius: 4px;
 }
@@ -148,7 +151,7 @@ body {
 }
 .load-more:hover { background: var(--accent); color: #000; }
 
-/* Docs */
+/* 8.  Docs */
 .docs {
   background: var(--surface); margin: 2rem 0; padding: 3rem 1rem;
   text-align: center;
@@ -163,13 +166,14 @@ body {
   background: var(--accent); display: grid; place-items: center;
   font-family: "Gagalin"; font-size: 2.2rem; color: #000;
 }
+.step-icon::before { content: attr(class); }
 .step-icon.icon-1::before { content: "1"; }
 .step-icon.icon-2::before { content: "2"; }
 .step-icon.icon-3::before { content: "3"; }
 article h3 { font-size: 1.1rem; margin-bottom: .5rem; }
 article p { color: var(--text2); }
 
-/* Footer */
+/* 9.  Footer */
 footer {
   text-align: center; padding: 2rem 1rem; color: var(--text2);
 }
@@ -177,7 +181,7 @@ footer {
 .social a { color: var(--text2); font-size: 1.3rem; transition: color .2s; }
 .social a:hover { color: var(--accent-solid); }
 
-/* Modal */
+/* 10.  Modal */
 .modal {
   position: fixed; inset: 0; z-index: 100;
   display: grid; place-items: center; padding: 1rem;
@@ -196,16 +200,11 @@ footer {
 }
 .code-snippet {
   background: #111; border: 1px solid var(--border); border-radius: 8px;
-  padding: 1rem; font-family: "JetBrains Mono", monospace; font-size: .85rem;
+  padding: 1rem; font-family: var(--mono); font-size: .85rem;
   margin-top: 1rem; overflow-x: auto;
 }
 
-/* Modal Buttons (Gagalin + tap scale) */
-.btn-copy,
-.btn-copy:active,
-.btn-copy:hover {
-  font-family: "Gagalin", sans-serif;
-}
+/* 11.  Modal Buttons (tappable) */
 .btn-copy {
   background: var(--accent); color: #000; border: none;
   padding: .5rem 1rem; border-radius: 50px; font-size: .85rem;
@@ -217,7 +216,7 @@ footer {
 }
 .btn-copy:hover { opacity: .9; }
 
-/* Responsive */
+/* 12.  Responsive */
 @media (max-width: 600px) {
   .header { padding: 1rem; }
   nav { display: none; }