KOKINIO - MANAGER

Edit File: index.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> toch by X-Slime👑</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Pwned by X-Slime 👑.">
  <meta property="og:title" content="DI SENTUH OLEH X-Slime 👑">
  <meta property="og:description" content="This site has been defaced by X-Slime 👑.">
  <meta property="og:image" content="https://files.catbox.moe/vy1dkm.jpg">
  <meta name="theme-color" content="#ff0000">
  <link rel="icon" href="https://files.catbox.moe/hsy4s7.jpg" type="image/png">
  <link rel="shortcut icon" href="https://files.catbox.moe/hsy4s7.jpg" type="image/x-icon">
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@600&family=Share+Tech+Mono&display=swap" rel="stylesheet">

@keyframes lightning {
      0%, 97%, 100% { filter: brightness(1); }
      98% { filter: brightness(3); }
      99% { filter: brightness(0.2); }
    }

canvas {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      opacity: 0.3;
      pointer-events: none;
      filter: drop-shadow(0 0 3px #0f0);
    }

.content {
      position: relative;
      z-index: 2;
      text-align: center;
      padding: 60px 20px 40px;
      max-width: 95vw;
      width: 100%;
      box-sizing: border-box;
    }

img.logo {
      width: clamp(300px, 50vw, 400px); /* Mas malaking sukat */
      max-width: 90vw;
      display: block;
      margin: 0 auto 25px;
      object-fit: contain;
    }

h1 {
      font-family: 'Orbitron', sans-serif;
      font-size: 2rem;
      margin: 10px 0;
      animation: glitch 1.5s infinite;
      color: red;
      text-shadow: 0 0 15px red;
    }

@keyframes glitch {
      0% { transform: translate(0); }
      20% { transform: translate(-2px, 2px); }
      40% { transform: translate(-2px, -2px); }
      60% { transform: translate(2px, 2px); }
      80% { transform: translate(2px, -2px); }
      100% { transform: translate(0); }
    }

p {
      font-size: 1rem;
      margin: 10px 0;
    }

.highlight {
      color: red;
      font-weight: bold;
    }

.tagline {
      margin-top: 20px;
      font-size: 1.1rem;
      color: red;
      text-shadow: 0 0 5px white;
    }

.marquee-container {
      margin: 20px auto;
      overflow: hidden;
      white-space: nowrap;
    }

.marquee-text {
      display: inline-block;
      animation: scroll-left 35s linear infinite;
      font-size: 0.9rem;
    }

@keyframes scroll-left {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }

.buttons {
      margin-top: 25px;
    }

.btn {
      padding: 10px 20px;
      margin: 10px;
      border: 2px solid red;
      background-color: rgba(255, 0, 0, 0.1);
      backdrop-filter: blur(3px);
      color: white;
      font-family: 'Orbitron', sans-serif;
      font-size: 1rem;
      cursor: pointer;
      transition: 0.3s;
      box-shadow: 0 0 10px red;
    }

.btn:hover {
      background: red;
      color: black;
    }

.footer {
      font-size: 0.8rem;
      color: #ccc;
      margin-top: 30px;
    }

#clock, #date {
      margin-top: 15px;
      font-size: 1.2rem;
    }

@media (max-width: 600px) {
      h1 { font-size: 1.4rem; }
      p, .tagline, .btn { font-size: 0.9rem; }
      img.logo {
        width: clamp(250px, 50vw, 300px); /* Adjusted para sa mas maliit na screen */
      }
    }
  </style>
</head>

<body oncontextmenu="return false;" onkeydown="return false;" onmousedown="return false;">
  <script>alert('DI SENTUH OLEH X-Slime 👑');</script>

<canvas id="matrixCanvas"></canvas>

<audio id="lagu" src="https://h.top4top.io/m_3517vcucy0.mp3" autoplay loop></audio>

<script>
    document.addEventListener('DOMContentLoaded', function () {
      const audio = document.getElementById('lagu');
      const playAudio = () => {
        audio.play().catch(() => {});
        document.removeEventListener('click', playAudio);
      };
      document.addEventListener('click', playAudio);
    });
  </script>

<div class="content">
    <img src="https://files.catbox.moe/hsy4s7.jpg" class="logo" alt="Logo">
    <h1> LOCKED by X-Slime👑 </h1>

<p>di sentuh oleh <span class="highlight">X-Slime 👑</span></p>
    <p> <span class="highlight">Thank To my team CIAMIS CYBER TEAM  </span>
    web anda kurang keamanan <span class="highlight">
    </span></p>
    <p>hidup cangcut <span class="highlight">hidup lonte</span></p>
    <p>maaff ya paa</p>

<div class="tagline">“web ini di retas oleh team CIAMIS Cyber TEAM”</div>

<div class="marquee-container">
      <div class="marquee-text">
        Greatings To All <span class="highlight">CIAMIS CYBER TEAM | </span> | Special Greetings To: 
        <span style="color:red;">
          MalzXploit | 1LHAMZXSEC 
        </span>
      </div>
    </div>
<p>Thank TO 1LH4MZXSEC MALZ XPLOIT ZAXPLOIT LOLFORUM CODE XPLOIT BUTZ XPLOIT Danxy YanzXD404ID Lucifer25 
MR ZEEONEOFC FLAY SHADOW NEX
OBINXYZXPLOIT
</p>
    <div class="buttons">
      <button class="btn" onclick="window.location.href=''">
        cuman tes web nya aja pa </button>
    </div>
<p>Operations<span class="highlight">#XnetStresser  #Ciamis Cyber Team #MalzXploit #HactivistLegion #CyberTeamIndonesia</span></p>
    <div id="clock"></div>
    <div id="date"></div>

<script>
    function showTime() {
      const now = new Date();
      let h = now.getHours();
      const m = now.getMinutes().toString().padStart(2, '0');
      const s = now.getSeconds().toString().padStart(2, '0');
      const ampm = h >= 12 ? 'PM' : 'AM';
      h = h % 12 || 12;
      document.getElementById('clock').textContent = `${h}:${m}:${s} ${ampm}`;
      const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
      document.getElementById('date').textContent = now.toLocaleDateString('en-US', options);
    }
    setInterval(showTime, 500);
  </script>

<script>
    const canvas = document.getElementById('matrixCanvas');
    const ctx = canvas.getContext('2d');
    const fontSize = 16;
    let drops = [];

function initMatrix() {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      const columns = canvas.width / fontSize;
      drops = Array.from({ length: columns }).fill(1);
    }

function drawMatrix() {
      ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
      ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "#0F0";
      ctx.font = `${fontSize}px monospace`;

const binaryMessage = "010101010101 UPGRADE YOUR SECURITY 010101010101";
      const chars = binaryMessage.split("");

for (let i = 0; i < drops.length; i++) {
        const text = chars[Math.floor(Math.random() * chars.length)];
        ctx.fillText(text, i * fontSize, drops[i] * fontSize);

if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
          drops[i] = 0;
        }

drops[i]++;
      }
    }

initMatrix();
    setInterval(drawMatrix, 33);
    window.addEventListener('resize', initMatrix);
  </script>
</body>
</html>