index.html

<!DOCTYPE html><html lang="en"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>OMAR CHEATS CODE CONVERTER</title>
  <!-- Fonts & Icons -->
  <link rel="stylesheet" href="../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  <style>
    /* ===== NEO-PHUNK + MATRIX CODE RAIN ===== */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background: #0a0718;
      font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      color: #e2dbf2;
      position: relative;
      overflow-x: hidden;
    }

    /* ---------- MATRIX RAIN CANVAS ---------- */
    #matrix-canvas {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      pointer-events: none;  /* so UI remains clickable */
      opacity: 0.28;          /* subtle rain – pure phunk */
    }

    /* ---------- CYBER GRID (overlay) ---------- */
    .cyber-grid {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: 
        linear-gradient(rgba(180, 70, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(180, 70, 255, 0.08) 1px, transparent 1px);
      background-size: 48px 48px;
      z-index: 1;
      pointer-events: none;
    }

    /* glowing purple orbs (layered behind rain but above grid) */
    .glow-orbs {
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 0;
      overflow: hidden;
      pointer-events: none;
    }

    .orb {
      position: absolute;
      width: 280px;
      height: 280px;
      background: radial-gradient(circle at 30% 30%, #c05bff, #6a0dad 80%);
      border-radius: 50%;
      filter: blur(85px);
      opacity: 0.28;
      mix-blend-mode: screen;
      animation: floatPhunk 22s infinite alternate ease-in-out;
    }

    .orb:nth-child(1) { top: 0%; left: -2%; background: #bc29ff; }
    .orb:nth-child(2) { bottom: 0; right: 0; width: 380px; height: 380px; background: #9044ff; animation-duration: 28s; opacity: 0.3; }
    .orb:nth-child(3) { top: 45%; left: 70%; width: 420px; height: 420px; background: #c926f0; filter: blur(110px); animation: floatPhunk 20s reverse; }

    @keyframes floatPhunk {
      0% { transform: translate(0, 0) scale(1); }
      100% { transform: translate(90px, -70px) scale(1.15); }
    }

    /* MAIN CONTAINER (above all layers) */
    .container {
      position: relative;
      z-index: 20;
      max-width: 1100px;
      margin: 2rem auto;
      padding: 1.8rem 2rem;
      flex: 1;
      width: 100%;
    }

    /* HEADER – NEON PHUNK with extra glow */
    h1 {
      text-align: center;
      font-size: 3.5rem;
      font-weight: 800;
      letter-spacing: 6px;
      text-transform: uppercase;
      margin-bottom: 2.2rem;
      word-break: keep-all;
      background: linear-gradient(145deg, #f5ccff, #c45aff, #ac30ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: 0 0 12px #d445ff, 0 0 45px #a020f0;
      animation: flicker 3.2s infinite alternate;
    }

    @keyframes flicker {
      0% { opacity: 0.96; text-shadow: 0 0 8px #c04eff, 0 0 30px #9f3fff; }
      100% { opacity: 1; text-shadow: 0 0 18px #f19cff, 0 0 65px #cc44ff; }
    }

    /* MAIN CARD – TRANSPHUNK (extra backdrop) */
    .converter-card {
      background: rgba(18, 12, 35, 0.7);
      backdrop-filter: blur(16px) saturate(200%);
      -webkit-backdrop-filter: blur(16px);
      border: 2px solid #b45aff;
      box-shadow: 0 0 40px #ac4aff, inset 0 0 20px #6318b0;
      border-radius: 38px 12px 38px 12px;
      padding: 2.4rem 2.2rem;
      transition: 0.3s;
    }

    .converter-card:hover {
      border-color: #e597ff;
      box-shadow: 0 0 70px #cd6eff, inset 0 0 30px #953bff;
    }

    /* TEXTAREAS */
    textarea {
      width: 100%;
      background: #0d0822;
      border: 2px solid #7b32cf;
      border-radius: 20px 6px 20px 6px;
      color: #f2dbff;
      font-family: 'JetBrains Mono', 'Fira Code', monospace;
      font-size: 1.05rem;
      line-height: 1.5;
      padding: 1.3rem 1.4rem;
      resize: vertical;
      min-height: 150px;
      box-shadow: inset 0 0 20px #1f003f, 0 0 20px #aa4aff;
      transition: 0.2s;
      outline: none;
    }

    textarea:focus {
      border-color: #ed9eff;
      box-shadow: 0 0 40px #d670ff, inset 0 0 15px #ba6aff;
    }

    #outputText {
      background: #0b0620;
      color: #ffeaff;
      border-color: #b450ff;
    }

    /* BUTTONS – NEO GLITCH with matrix vibe */
    .button-panel {
      display: flex;
      flex-wrap: wrap;
      gap: 1.1rem;
      margin: 2rem 0 1.8rem;
      justify-content: center;
    }

    .phunk-btn {
      background: rgba(5, 0, 20, 0.6);
      border: 2px solid #ba5aff;
      color: #f0cdff;
      font-weight: 700;
      font-size: 1rem;
      padding: 0.9rem 2rem;
      border-radius: 40px 10px 40px 10px;
      letter-spacing: 2px;
      text-transform: uppercase;
      backdrop-filter: blur(12px);
      cursor: pointer;
      transition: 0.2s;
      box-shadow: 0 0 20px #ac45ff;
      flex: 1 0 auto;
      max-width: 200px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
    }

    .phunk-btn i {
      color: #ffb9ff;
      font-size: 1.2rem;
    }

    .phunk-btn:hover {
      background: #8b3ee6;
      border-color: #ffbdfb;
      color: #fff;
      box-shadow: 0 0 55px #e282ff;
      transform: scale(1.06) translateY(-3px);
    }

    .phunk-btn:active {
      transform: scale(0.97);
    }

    /* status area */
    .status-area {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      margin: 0.5rem 0 1rem;
    }

    .byte-count-badge {
      background: #15092b;
      border: 1px solid #b659ff;
      border-radius: 30px;
      padding: 0.4rem 1.5rem;
      font-family: monospace;
      color: #d7adff;
      font-size: 1rem;
      font-weight: 600;
      box-shadow: 0 0 15px #b242ff;
      backdrop-filter: blur(4px);
    }

    .error-message, .success-message {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 500;
      padding: 0.3rem 1rem;
      border-radius: 30px;
      font-size: 0.9rem;
      display: none;
      backdrop-filter: blur(4px);
    }

    .error-message {
      background: #3b001a;
      border: 1px solid #ff5c84;
      color: #ffb9cb;
      box-shadow: 0 0 20px #ff3f75;
    }

    .success-message {
      background: #1f0047;
      border: 1px solid #c37eff;
      color: #ebcdff;
      box-shadow: 0 0 20px #b760ff;
    }

    /* info block */
    .info-block {
      margin-top: 3rem;
      background: rgba(18, 7, 39, 0.7);
      backdrop-filter: blur(12px);
      border: 1px solid #bf74ff;
      border-radius: 28px 6px 28px 6px;
      padding: 2rem 2rem;
      box-shadow: inset 0 0 35px #27004b;
    }

    .info-block h3 {
      font-size: 2rem;
      font-weight: 600;
      background: linear-gradient(145deg, #f7cbff, #bc6bff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 1.2rem;
      border-left: 5px solid #d77eff;
      padding-left: 1.2rem;
      text-transform: uppercase;
    }

    .info-block p {
      font-size: 1.1rem;
      margin: 0.8rem 0;
      color: #dbbcff;
      border-left: 3px solid #9f46ff;
      padding-left: 1rem;
    }

    .example-box {
      background: #110826;
      border: 2px solid #803ed4;
      border-radius: 16px;
      padding: 1rem 1.5rem;
      margin: 1.2rem 0;
      font-family: monospace;
      box-shadow: inset 0 0 15px #26004d;
      color: #dab6ff;
    }

    .example-box pre {
      background: transparent;
      color: #efd6ff;
      font-size: 1rem;
    }

    /* FOOTER */
    footer {
      position: relative;
      z-index: 20;
      text-align: center;
      padding: 2.2rem;
      border-top: 2px solid #ac5aff;
      box-shadow: 0 -10px 50px #7929cc;
      background: rgba(8, 2, 22, 0.7);
      backdrop-filter: blur(12px);
    }

    .developer-credit {
      font-size: 2rem;
      font-weight: 900;
      background: linear-gradient(45deg, #f6ceff, #be65ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-flex;
      align-items: center;
      gap: 16px;
      letter-spacing: 2px;
      transition: 0.3s;
      filter: drop-shadow(0 0 15px #da7aff);
    }

    .developer-credit i {
      font-size: 2.4rem;
      color: #cd70ff;
      -webkit-text-fill-color: currentColor;
    }

    footer a {
      text-decoration: none;
    }

    .developer-credit:hover {
      transform: scale(1.07);
      filter: drop-shadow(0 0 30px #ffadff);
    }

    /* responsive */
    @media (max-width: 700px) {
      h1 { font-size: 2.5rem; letter-spacing: 3px; }
      .container { padding: 0.8rem; }
      .button-panel .phunk-btn { max-width: 100%; }
    }
  </style>
</head>
<body>
  <!-- MATRIX CODE RAIN CANVAS (phunk purple edition) -->
  <canvas id="matrix-canvas"></canvas>

  <!-- cyber grid & orbs (layered tastefully) -->
  <div class="cyber-grid"></div>
  <div class="glow-orbs">
    <div class="orb"></div>
    <div class="orb"></div>
    <div class="orb"></div>
  </div>

  <div class="container">
    <h1> OMAR CHEATS CODE CONVERTER </h1>

    <div class="converter-card">
      <textarea id="inputText" placeholder="  > paste AOB pattern...  e.g. 00 A5 43 ?? 0xAA"></textarea>

      <div class="status-area">
        <span class="byte-count-badge" id="byteCount">⏺ 0 bytes</span>
        <span class="error-message" id="errorMessage">⛔ INVALID FORMAT</span>
        <span class="success-message" id="successMessage">✔ CONVERTED</span>
      </div>

      <div class="button-panel">
        <button class="phunk-btn" id="toFormatted"><i class="fas fa-bolt"></i> C++</button>
        <button class="phunk-btn" id="toSimple"><i class="fas fa-shield-halved"></i> C#</button>
        <button class="phunk-btn" id="toPython"><i class="fab fa-python"></i> PYTHON</button>
        <button class="phunk-btn" id="copyOutput"><i class="fas fa-copy"></i> COPY</button>
        <button class="phunk-btn" id="clear"><i class="fas fa-skull"></i> CLEAR</button>
      </div>

      <textarea id="outputText" placeholder="[ Copy OUTPUT From Here Here ]" readonly=""></textarea>
    </div>

    <div class="info-block">
      <h3>▸ OMAR CHEATS CODE CONVERTER PROTOCOLS</h3>
      <p><i class="fas fa-caret-right" style="color: #cd6eff;"></i> <strong>C# AOB</strong> : space-separated hex + ?? wildcards</p>
      <p><i class="fas fa-caret-right" style="color: #cd6eff;"></i> <strong>BYTE AOB</strong> : 0x00, 0x??, '?' (trainer style)</p>
      <p><i class="fas fa-caret-right" style="color: #cd6eff;"></i> <strong>PYTHON</strong> : b'\x00\x??' wildcards as \xff</p>
      
      <div class="example-box">
        <pre>INPUT (C#)  : 4A 6F ?? 01 AB</pre>
        <pre>BYTE AOB    : 0x4A, 0x6F, '?', 0x01, 0xAB</pre>
        <pre>PYTHON BYTES: b'\x4A\x6F\xff\x01\xAB'</pre>
      </div>
      <div class="example-box">
        <pre>INPUT (raw)  : 0x90, 0x??, 0xCC, ??</pre>
        <pre>→ C# AOB    : 90 ?? CC ??</pre>
      </div>
    </div>
  </div>

  <footer>
    <a href="https://discord.gg/UKc6DgbfXz" target="_blank">
      <span class="developer-credit">
        <i class="fas fa-microchip"></i> OMAR CHEATS ALWAYS ON TOP <i class="fas fa-crown"></i>
      </span>
    </a>
  </footer>

  <!-- Matrix rain effect – purple phunk edition -->
  <script>
    (function() {
      // --- matrix canvas setup ---
      const canvas = document.getElementById('matrix-canvas');
      const ctx = canvas.getContext('2d');

      let width, height;
      let columns, drops = [];
      const fontSize = 22;        // bigger characters for code rain effect
      const characters = '01アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン0123456789ABCDEF'; // matrix + katakana + hex

      function initMatrix() {
        width = window.innerWidth;
        height = window.innerHeight;
        canvas.width = width;
        canvas.height = height;

        columns = Math.floor(width / fontSize);
        drops = [];
        for (let i = 0; i < columns; i++) {
          drops[i] = Math.floor(Math.random() * -height); // random start above frame
        }
      }

      function drawMatrix() {
        // semi-transparent black to fade trails (phunk purple tone)
        ctx.fillStyle = 'rgba(10, 5, 22, 0.052)';  // very dark with hint of purple
        ctx.fillRect(0, 0, width, height);

        // set matrix rain color — neon purple / magenta
        ctx.fillStyle = '#c35bff';        // base purple
        ctx.font = fontSize + 'px "JetBrains Mono", monospace';

        for (let i = 0; i < drops.length; i++) {
          // random character
          const char = characters[Math.floor(Math.random() * characters.length)];
          
          // vary brightness: some drops lighter, some dimmer (phunk depth)
          const brightness = Math.random() * 0.7 + 0.5; // between 0.5 and 1.2
          ctx.fillStyle = `rgba(200, 100, 255, ${brightness})`; // purple shimmer

          // draw the character
          ctx.fillText(char, i * fontSize, drops[i] * fontSize);

          // move drop down; reset if it goes beyond height with randomness
          if (drops[i] * fontSize > height && Math.random() < 0.01) {
            drops[i] = 0;
          }
          drops[i] += 0.5 + Math.random() * 0.8; // speed variation
        }
        requestAnimationFrame(drawMatrix);
      }

      window.addEventListener('resize', () => {
        initMatrix();
      });

      initMatrix();
      drawMatrix();

      // ---------- CONVERTER LOGIC (unchanged, but added here) ----------
      function tokenizeInput(str) {
        if (!str.trim()) return [];
        let cleaned = str.replace(/,/g, ' ')
                         .replace(/0x/gi, '')
                         .replace(/'/g, '')
                         .replace(/\?+/g, ' ?? ')
                         .replace(/\s+/g, ' ')
                         .trim();
        if (cleaned === '') return [];
        return cleaned.split(' ');
      }

      function isWildcard(token) {
        return token === '?' || token === '??' || token === '*';
      }

      function parseInputToBytes(input) {
        let tokens = tokenizeInput(input);
        if (tokens.length === 0) return [];
        let bytes = [];
        for (let tok of tokens) {
          if (isWildcard(tok)) {
            bytes.push('??');
          } else {
            let hex = tok.replace(/^0x/i, '').trim();
            if (/^[0-9A-Fa-f]{1,2}$/.test(hex)) {
              bytes.push(hex.toUpperCase().padStart(2, '0'));
            } else {
              return null;
            }
          }
        }
        return bytes;
      }

      const inputEl = document.getElementById('inputText');
      const outputEl = document.getElementById('outputText');
      const byteCountSpan = document.getElementById('byteCount');
      const errorMsg = document.getElementById('errorMessage');
      const successMsg = document.getElementById('successMessage');

      const toFormattedBtn = document.getElementById('toFormatted');
      const toSimpleBtn = document.getElementById('toSimple');
      const toPythonBtn = document.getElementById('toPython');
      const copyBtn = document.getElementById('copyOutput');
      const clearBtn = document.getElementById('clear');

      function hideMessages() {
        errorMsg.style.display = 'none';
        successMsg.style.display = 'none';
      }
      function showError() {
        errorMsg.style.display = 'inline-block';
        successMsg.style.display = 'none';
      }
      function showSuccess() {
        successMsg.style.display = 'inline-block';
        errorMsg.style.display = 'none';
      }
      function updateByteCount(bytes) {
        if (!bytes) { byteCountSpan.innerText = '⏺ 0 bytes'; return; }
        let count = bytes.length;
        byteCountSpan.innerText = `⏺ ${count} byte${count !== 1 ? 's' : ''}`;
      }

      function formatByteAOB(bytesArr) {
        if (!bytesArr || bytesArr.length === 0) return '';
        return bytesArr.map(b => b === '??' ? "'?'" : `0x${b}`).join(', ');
      }
      function formatSimpleAOB(bytesArr) { return bytesArr.join(' '); }
      function formatPython(bytesArr) {
        if (!bytesArr || bytesArr.length === 0) return "b''";
        let inner = bytesArr.map(b => b === '??' ? '\\xff' : `\\x${b.toLowerCase()}`).join('');
        return `b'${inner}'`;
      }

      function convertTo(mode) {
        hideMessages();
        let raw = inputEl.value;
        if (!raw.trim()) { outputEl.value = ''; byteCountSpan.innerText = '⏺ 0 bytes'; return; }

        let bytes = parseInputToBytes(raw);
        if (bytes === null) { showError(); outputEl.value = ''; updateByteCount(null); return; }

        updateByteCount(bytes);
        if (mode === 'byteAOB') outputEl.value = formatByteAOB(bytes);
        else if (mode === 'simple') outputEl.value = formatSimpleAOB(bytes);
        else if (mode === 'python') outputEl.value = formatPython(bytes);
        showSuccess();
      }

      toFormattedBtn.addEventListener('click', () => convertTo('byteAOB'));
      toSimpleBtn.addEventListener('click', () => convertTo('simple'));
      toPythonBtn.addEventListener('click', () => convertTo('python'));

      copyBtn.addEventListener('click', async () => {
        if (outputEl.value) {
          try {
            await navigator.clipboard.writeText(outputEl.value);
            showSuccess();
            successMsg.innerText = '✔ COPIED TO CLIP';
            setTimeout(() => successMsg.innerText = '✔ CONVERTED', 1500);
          } catch { 
            errorMsg.innerText = '❌ COPY FAIL'; showError(); 
            setTimeout(() => errorMsg.innerText = '⛔ INVALID FORMAT', 1500);
          }
        } else {
          errorMsg.innerText = 'NOTHING TO COPY'; showError();
          setTimeout(() => errorMsg.innerText = '⛔ INVALID FORMAT', 1500);
        }
      });

      clearBtn.addEventListener('click', () => {
        inputEl.value = ''; outputEl.value = ''; hideMessages(); byteCountSpan.innerText = '⏺ 0 bytes';
      });

      inputEl.addEventListener('input', () => {
        hideMessages();
        let raw = inputEl.value;
        if (!raw.trim()) { byteCountSpan.innerText = '⏺ 0 bytes'; return; }
        let bytes = parseInputToBytes(raw);
        if (bytes === null) byteCountSpan.innerText = '⏺ ?? INVALID';
        else updateByteCount(bytes);
      });
    })();
  </script>

<script type="module" src="assets/v3d52b47920f24c319d37e2661827c42b1787588026925" integrity="sha512-d9sL6GJLXn6fInD1+TVXhTcQOsmxeHfmHAvwGDIxp5TO+uo1fiWW7mHomMj4MLRlCsJDTqXzWLHJFFlPCEIj/A==" data-cf-beacon='{"version":"2024.11.0","token":"3fbc8ae29c914366bb14418a68cb5b51","r":1}' crossorigin="anonymous"></script>
</body></html>