index.html

<!doctype html>
<html lang="id" prefix="og: https://ogp.me/ns#">
<head>
  <meta name="google-site-verification" content="QKWcjGsbUXLFVJDVYYPcYKsK5GsekSm3qYMqWXY00Os" />
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>ZeroHitman — ZeroTools • ZeroCeker • pwnstuff</title>
  <meta name="description" content="Kumpulan tools, web app checker, dan riset pwn milik ZeroHitman. Jelajahi ZeroTools, ZeroCeker, dan pwnstuff di satu tempat." />
  <link rel="canonical" href="https://zerohitman.github.io/" />
  <link rel="icon" type="image/x-icon" href="hitman.png" />
  <meta name="robots" content="index,follow,max-snippet:-1,max-image-preview:large,max-video-preview:-1" />
  <meta name="theme-color" content="#0aff7c" />
  <meta name="color-scheme" content="dark" />
  <meta name="author" content="ZeroHitman" />
  <meta name="keywords" content="ZeroHitman, ZeroTools, ZeroCeker, pwnstuff, security, hacking, pentest, tools" />

  <!-- Open Graph -->
  <meta property="og:type" content="website" />
  <meta property="og:locale" content="id_ID" />
  <meta property="og:site_name" content="ZeroHitman" />
  <meta property="og:title" content="ZeroHitman — ZeroTools • ZeroCeker • pwnstuff" />
  <meta property="og:description" content="Kumpulan tools, web app checker, dan riset pwn by ZeroHitman." />
  <meta property="og:url" content="https://zerohitman.github.io/" />
  <meta property="og:image" content="https://zerohitman.github.io/hitman.png" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="ZeroHitman — ZeroTools • ZeroCeker • pwnstuff" />
  <meta name="twitter:description" content="Kumpulan tools, web app checker, dan riset pwn by ZeroHitman." />
  <meta name="twitter:image" content="https://zerohitman.github.io/hitman.png" />

  <!-- DNS hints -->
  <link rel="preconnect" href="https://github.com" crossorigin />


  <!-- JSON-LD Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "ZeroHitman",
    "url": "https://zerohitman.github.io/",
    "sameAs": ["https://github.com/zerohitman"],
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://www.google.com/search?q=site:zerohitman.github.io+{search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ItemList",
    "name": "Repositori Unggulan",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "item": {
          "@type": "SoftwareSourceCode",
          "name": "ZeroTools",
          "description": "Kumpulan tools.",
          "url": "https://github.com/zerohitman/ZeroTools"
        }
      },
      {
        "@type": "ListItem",
        "position": 2,
        "item": {
          "@type": "SoftwareSourceCode",
          "name": "ZeroCeker",
          "description": "Otomatis menyortir hasil berdasarkan jenis Web App.",
          "url": "https://github.com/zerohitman/ZeroCeker"
        }
      },
      {
        "@type": "ListItem",
        "position": 3,
        "item": {
          "@type": "SoftwareSourceCode",
          "name": "pwnstuff",
          "description": "Pwn stuff. PHP bypass disable_functions.",
          "url": "https://github.com/zerohitman/pwnstuff"
        }
      }
    ]
  }
  </script>

  <style>
    :root{ --fg:#c8ffe6; --accent:#0aff7c; --muted:#5cffb1; --bg:#0a0f0a; --card:#0c140f; --grid:rgba(10,255,124,.08); }
    *{ box-sizing:border-box }
    html,body{ height:100% }
    body{
      margin:0; font:16px/1.6 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      color:var(--fg); background:radial-gradient(1200px 600px at 20% -10%, rgba(10,255,124,.08), transparent 60%),var(--bg);
      overflow-x:hidden;
    }
    .grid{
      position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);
      background-size: 60px 60px, 60px 60px;
      mask-image: radial-gradient(70% 60% at 50% 30%, #000 60%, transparent 100%);
    }
    header{ position:sticky; top:0; backdrop-filter: blur(6px); background:linear-gradient(180deg, rgba(10,15,10,.9), rgba(10,15,10,.65) 70%, transparent); border-bottom:1px dashed rgba(10,255,124,.2); z-index:10 }
    .wrap{ max-width:1100px; margin:0 auto; padding: clamp(12px, 2.5vw, 28px); }
    .brand{ display:flex; align-items:center; gap:12px; }
    .brand .logo{ width:28px; height:28px; border-radius:6px; background:#000; box-shadow:0 0 0 3px rgba(10,255,124,.25) inset; display:grid; place-items:center; font-weight:700; color:#011; }
    nav a{ color:var(--fg); text-decoration:none; opacity:.8; margin-right:18px; }
    nav a:hover{ color:var(--accent); opacity:1 }

    .hero{ position:relative; padding: 10vh 0 8vh; display:grid; gap:16px }
    .hero h1{ font-size: clamp(26px, 4.6vw, 54px); line-height:1.15; margin:0; color:var(--accent); text-shadow: 0 0 18px rgba(10,255,124,.25); }
    .type{ display:inline-block; border-right:2px solid var(--muted); padding-right:6px; white-space:nowrap; overflow:hidden }
    .sub{ max-width:72ch; opacity:.9 }
    .cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:8px }
    .btn{ border:1px solid rgba(10,255,124,.35); padding:10px 14px; border-radius:12px; color:var(--fg); text-decoration:none; background:linear-gradient(180deg, rgba(10,255,124,.08), rgba(10,255,124,.02)); box-shadow: 0 10px 30px -12px rgba(10,255,124,.3);
      transition: transform .15s ease, border-color .15s ease; }
    .btn:hover{ border-color: var(--accent); transform: translateY(-2px) }
    .btn.primary{ background:linear-gradient(180deg, rgba(10,255,124,.25), rgba(10,255,124,.05)); color:#fff; font-weight:700 }

    .panel{ background:linear-gradient(180deg, rgba(10,255,124,.06), rgba(10,255,124,.02)); border:1px dashed rgba(10,255,124,.25); border-radius:16px; padding:18px }

    .grid-repo{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:16px }
    .card{ background:var(--card); border:1px solid rgba(10,255,124,.2); border-radius:16px; padding:18px; position:relative; overflow:hidden }
    .card::after{ content:""; position:absolute; inset:0; background:radial-gradient(500px 180px at 0 -40px, rgba(10,255,124,.08), transparent 60%); pointer-events:none }
    .card h3{ margin:0 0 6px; color:var(--muted) }
    .card p{ margin:0 0 12px; opacity:.9 }
    .card a{ color:var(--accent); text-decoration:none }
    .meta{ font-size:.9rem; opacity:.8 }

    /* Terminal look */
    .terminal{
      background: #041108;
      border: 1px solid rgba(10,255,124,.25);
      border-radius: 14px;
      padding: 14px 16px;
      box-shadow: 0 8px 40px -20px rgba(10,255,124,.35);
      overflow:auto;
    }
    .prompt{ color:var(--muted) }
    .caret{ display:inline-block; width:.6em; background:var(--muted); animation: blink 1.1s steps(1,end) infinite }
    @keyframes blink{ 50% { opacity:0 } }

    /* Matrix rain canvas */
    #matrix{ position:fixed; inset:0; z-index:-1; opacity:.35 }
    @media (prefers-reduced-motion: reduce){
      #matrix{ display:none }
      .type{ border-right:0 }
      .caret{ display:none }
    }

    footer{ border-top:1px dashed rgba(10,255,124,.25); margin-top: 8vh }
    .small{ font-size:.92rem; opacity:.8 }

    /* Accessibility */
    a:focus-visible, button:focus-visible{ outline:2px solid var(--accent); outline-offset:2px }
  </style>
</head>
<body>
  <canvas id="matrix" aria-hidden="true"></canvas>
  <div class="grid" aria-hidden="true"></div>

  <header>
   <div class="wrap" style="display:flex; align-items:center; justify-content:space-between; gap:16px">
<div class="brand" aria-label="ZeroHitman">
<img class="logo" src="https://github.com/ZeroHitman/ZeroHitman/blob/main/hitman.png?raw=true" alt="ZeroHitman logo" style="width:28px; height:28px; border-radius:6px; object-fit:cover;" />
<strong>ZeroHitman</strong>
</div>
      <nav aria-label="Navigasi utama">
        <a href="#repos">Repos</a>
        <a href="#tentang">Tentang</a>
        <a href="https://github.com/zerohitman" rel="me noopener" target="_blank">GitHub</a>
      </nav>
    </div>
  </header>

  <main id="konten" class="wrap">
    <section class="hero" aria-label="Hero">
      <h1 aria-live="polite"><span class="type" id="type">$ sudo echo "Welcome"</span><span class="caret" aria-hidden="true"></span></h1>
      <p class="sub">ZeroHitman berfokus pada eksplorasi keamanan siber yang etis dan aplikatif. Saya membuat dan merilis tools, menulis catatan riset, serta berbagi praktik terbaik agar pemula maupun praktisi bisa belajar lebih cepat. Tujuanku sederhana: build, learn, share—secara bertanggung jawab.</p>
      <div class="cta">
        <a class="btn primary" href="#repos">Lihat Repos</a>
        <a class="btn" href="https://github.com/zerohitman" target="_blank" rel="noopener">Profil GitHub</a>
        <button class="btn" id="toggleFX" type="button" aria-pressed="false" aria-label="Toggle efek Matrix">Toggle Matrix</button>
      </div>
    </section>

    <section id="terminal" class="panel terminal" aria-label="Terminal demo" style="margin-top:8px">
      <div>
        <div><span class="prompt">zero@hitman</span>:<span style="color:#67ffb7">~</span>$ ls -lah ./repos</div>
        <div>drwxr-xr-x  ZeroTools   → <a href="#repos" title="Lihat daftar repos">3 repos</a></div>
        <div>drwxr-xr-x  ZeroCeker   → <a href="#repos">tersedia</a></div>
        <div>drwxr-xr-x  pwnstuff    → <a href="#repos">eksperimen</a></div>
      </div>
    </section>

    <section id="repos" aria-label="Repositori" style="margin-top:24px">
      <h2>Repos Unggulan</h2>
      <div class="grid-repo" role="list">
        <article class="card" role="listitem" itemscope itemtype="https://schema.org/SoftwareSourceCode">
          <h3 itemprop="name">ZeroTools</h3>
          <p class="meta">KUMPULAN TOOLS</p>
          <p itemprop="description">Toolkit serbaguna untuk kebutuhan eksplorasi keamanan dan otomasi tugas harian.</p>
          <p>
            <a itemprop="codeRepository" href="https://github.com/zerohitman/ZeroTools" target="_blank" rel="noopener">→ Buka repo</a>
          </p>
        </article>
        <article class="card" role="listitem" itemscope itemtype="https://schema.org/SoftwareSourceCode">
          <h3 itemprop="name">ZeroCeker</h3>
          <p class="meta">Sorter otomatis hasil sesuai tipe Web App</p>
          <p itemprop="description">Tools ini secara otomatis menyortir hasil berdasarkan jenis Web App untuk <em>triage</em> yang lebih cepat.</p>
          <p>
            <a itemprop="codeRepository" href="https://github.com/zerohitman/ZeroCeker" target="_blank" rel="noopener">→ Buka repo</a>
          </p>
        </article>
        <article class="card" role="listitem" itemscope itemtype="https://schema.org/SoftwareSourceCode">
          <h3 itemprop="name">pwnstuff</h3>
          <p class="meta">Pwn stuff. PHP bypass <code>disable_functions</code></p>
          <p itemprop="description">Eksperimen dan catatan pwn: bypass, trik eksploitasi, dan PoC terkait PHP.</p>
          <p>
            <a itemprop="codeRepository" href="https://github.com/zerohitman/pwnstuff" target="_blank" rel="noopener">→ Buka repo</a>
          </p>
        </article>
      </div>
    </section>

    <section id="tentang" aria-label="Tentang" style="margin-top:28px">
      <h2>Tentang ZeroHitman</h2>
      <p>ZeroHitman adalah ruang kerjaku untuk membangun alat, mendokumentasikan eksperimen, dan membagikan ilmu seputar keamanan siber secara etis. Aku percaya belajar paling efektif terjadi saat kita membangun sesuatu yang nyata, lalu membagikan prosesnya agar orang lain ikut naik level.
<br>Prinsipku: keep it simple, bisa dipakai, dan bertanggung jawab. Aku tidak mendorong aktivitas ilegal. Semua konten ditujukan untuk edukasi, pengujian di lingkungan yang kamu miliki/hak akses, dan peningkatan keamanan. Jika kamu menemukan celah dari konten ini, gunakan jalur responsible disclosure.
<br>
Misinya jelas—membangun ekosistem belajar yang cepat: rakit alat, uji hipotesis, catat hasil, lalu bagikan. Semoga repositori dan catatan di sini membantumu bekerja lebih efisien, berpikir lebih sistematis, dan menjaga etika dalam setiap langkah.</p><br><p>Di sini kamu akan menemukan:</p>
      <ul>
        <li><abbr title="Linked Data">ZeroTools</abbr> — kumpulan tools praktis untuk eksplorasi keamanan dan otomasi hal-hal membosankan.</li>
        <li><abbr title="Linked Data">ZeroCeker</abbr> — alat triage yang otomatis menyortir output berdasarkan jenis web app, supaya analisis awal lebih cepat dan rapi.</li>
        <li><abbr title="Linked Data">pwnstuff</abbr> — catatan pwn: ide, PoC, dan trik eksploitasi (termasuk bahasan PHP & bypass) yang didokumentasikan agar mudah diulang dan diuji.</li>
        <li>Dan masih banyak yang lain nya</li>
      </ul>
    </section>
  </main>

  <footer>
    <div class="wrap small">
      © <span id="year"></span> ZeroHitman • Dibangun dengan HTML murni. <span style="opacity:.7">Stay safe, hack responsibly.</span>
    </div>
  </footer>

  <noscript>
    <div class="wrap small" style="margin-top:10px">JavaScript dinonaktifkan — efek Matrix & pengetikan otomatis tidak ditampilkan.</div>
  </noscript>

  <script>
    // === Matrix Rain ===
    const canvas = document.getElementById('matrix');
    const ctx = canvas.getContext('2d');
    let w, h, cols, drops, matrixEnabled = true;
    const glyphs = 'アカサタナハマヤラワ0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ$#/*+=-';

    function resize(){
      w = canvas.width = window.innerWidth;
      h = canvas.height = window.innerHeight;
      cols = Math.floor(w / 18);
      drops = Array(cols).fill(0);
    }
    function draw(){
      if(!matrixEnabled) return; // pause drawing when disabled
      ctx.fillStyle = 'rgba(0, 0, 0, 0.08)';
      ctx.fillRect(0, 0, w, h);
      ctx.fillStyle = '#0aff7c';
      ctx.font = '16px monospace';
      for(let i=0; i<drops.length; i++){
        const text = glyphs[Math.floor(Math.random()*glyphs.length)];
        ctx.fillText(text, i*18, drops[i]*18);
        if(drops[i]*18 > h && Math.random() > 0.975){ drops[i] = 0; }
        drops[i]++;
      }
      requestAnimationFrame(draw);
    }
    if(!window.matchMedia('(prefers-reduced-motion: reduce)').matches){
      resize(); draw();
      window.addEventListener('resize', resize);
    }

    // === Typewriter ===
    const typeEl = document.getElementById('type');
    const lines = [
      '$ whoami && hostname',
      'zero@hitman — zerohitman.github.io',
      '$ cat mission.txt',
      'Build • Learn • Share • Stay ethical',
    ];
    let l=0, i=0;
    function type(){
      if(l >= lines.length){ l = 0; i = 0; }
      const target = lines[l];
      typeEl.textContent = target.slice(0, i++);
      const delay = 32 + Math.random()*28;
      if(i <= target.length) setTimeout(type, delay);
      else setTimeout(()=>{ l++; i=0; setTimeout(type, 800); }, 800);
    }
    if(!window.matchMedia('(prefers-reduced-motion: reduce)').matches){
      setTimeout(type, 400);
    } else {
      typeEl.textContent = 'ZeroHitman — Tools & Research';
    }

    // === UI bits ===
    document.getElementById('year').textContent = new Date().getFullYear();
    const btn = document.getElementById('toggleFX');
    btn.addEventListener('click', () => {
      matrixEnabled = !matrixEnabled;
      btn.setAttribute('aria-pressed', String(matrixEnabled));
      if(matrixEnabled){ requestAnimationFrame(draw); btn.textContent = 'Matikan Matrix'; }
      else { btn.textContent = 'Nyalakan Matrix'; }
    });
  </script>
</body>
</html>