> ## Documentation Index
> Fetch the complete documentation index at: https://hackbook.dudji.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Hackbook

> A structured offensive security knowledge base — methodology, attacks, tech, payloads, and tools.

<div className="homepage">
  <div style={{display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '1rem'}}>
    <a
      href="/playbook"
      style={{
textDecoration: "none",
border: "1px solid #2a2a2a",
borderRadius: "0.5rem",
overflow: "hidden",
display: "block",
padding: "0",
}}
    >
      <div
        style={{
  width: "100%",
  height: "200px",
  overflow: "hidden",
  margin: "0",
  lineHeight: "0",
  fontSize: "0",
}}
      >
        <img
          src="https://mintcdn.com/dudji/2PJF5JFiX9VrkjJg/images/playbook-cover.avif?fit=max&auto=format&n=2PJF5JFiX9VrkjJg&q=85&s=fd7049aea469e40241ac436ed5e5c3e5"
          style={{
    width: "100%",
    height: "100%",
    objectFit: "cover",
    objectPosition: "center",
    display: "block",
    filter: "brightness(1.2) contrast(1.1)",
  }}
          width="490"
          height="275"
          data-path="images/playbook-cover.avif"
        />
      </div>

      <div style={{ padding: "1rem" }}>
        <Icon icon="book" size={20} color="#DC2626" />

        <p style={{ fontWeight: "bold", margin: "0.5rem 0 0.25rem", color: "white" }}>
          Playbook
        </p>

        <p style={{ color: "#888", margin: 0, fontSize: "0.875rem" }}>
          Methodology & flow
        </p>
      </div>
    </a>

    <a
      href="/attacks"
      style={{
textDecoration: "none",
border: "1px solid #2a2a2a",
borderRadius: "0.5rem",
overflow: "hidden",
display: "block",
padding: "0",
}}
    >
      <div
        style={{
  width: "100%",
  height: "200px",
  overflow: "hidden",
  margin: "0",
  lineHeight: "0",
  fontSize: "0",
}}
      >
        <img
          src="https://mintcdn.com/dudji/2PJF5JFiX9VrkjJg/images/attacks-cover.avif?fit=max&auto=format&n=2PJF5JFiX9VrkjJg&q=85&s=b7e4aaba952a3ee44d10c7e6a3ccf4ba"
          style={{
    width: "100%",
    height: "100%",
    objectFit: "cover",
    objectPosition: "center",
    display: "block",
    filter: "brightness(1.2) contrast(1.1)",
  }}
          width="490"
          height="375"
          data-path="images/attacks-cover.avif"
        />
      </div>

      <div style={{ padding: "1rem" }}>
        <Icon icon="spider-black-widow" size={20} color="#DC2626" />

        <p style={{ fontWeight: "bold", margin: "0.5rem 0 0.25rem", color: "white" }}>
          Attacks
        </p>

        <p style={{ color: "#888", margin: 0, fontSize: "0.875rem" }}>
          Vulnerability-first thinking
        </p>
      </div>
    </a>

    <a
      href="/tech"
      style={{
textDecoration: "none",
border: "1px solid #2a2a2a",
borderRadius: "0.5rem",
overflow: "hidden",
display: "block",
padding: "0",
}}
    >
      <div
        style={{
  width: "100%",
  height: "200px",
  overflow: "hidden",
  margin: "0",
  lineHeight: "0",
  fontSize: "0",
}}
      >
        <img
          src="https://mintcdn.com/dudji/2PJF5JFiX9VrkjJg/images/tech-cover.avif?fit=max&auto=format&n=2PJF5JFiX9VrkjJg&q=85&s=b532fcde7893b30eb4425396d32d5d49"
          style={{
    width: "100%",
    height: "100%",
    objectFit: "cover",
    objectPosition: "center",
    display: "block",
    filter: "brightness(1.2) contrast(1.1)",
  }}
          width="490"
          height="275"
          data-path="images/tech-cover.avif"
        />
      </div>

      <div style={{ padding: "1rem" }}>
        <Icon icon="microchip" size={20} color="#DC2626" />

        <p style={{ fontWeight: "bold", margin: "0.5rem 0 0.25rem", color: "white" }}>
          Tech
        </p>

        <p style={{ color: "#888", margin: 0, fontSize: "0.875rem" }}>
          Tech-specific patterns
        </p>
      </div>
    </a>

    <a
      href="/payloads"
      style={{
textDecoration: "none",
border: "1px solid #2a2a2a",
borderRadius: "0.5rem",
overflow: "hidden",
display: "block",
padding: "0",
}}
    >
      <div
        style={{
  width: "100%",
  height: "200px",
  overflow: "hidden",
  margin: "0",
  lineHeight: "0",
  fontSize: "0",
}}
      >
        <img
          src="https://mintcdn.com/dudji/2PJF5JFiX9VrkjJg/images/payload-cover.avif?fit=max&auto=format&n=2PJF5JFiX9VrkjJg&q=85&s=32a50fccd165600f62bbc86048eba8d3"
          style={{
    width: "100%",
    height: "100%",
    objectFit: "cover",
    objectPosition: "center",
    display: "block",
    filter: "brightness(1.2) contrast(1.1)",
  }}
          width="490"
          height="275"
          data-path="images/payload-cover.avif"
        />
      </div>

      <div style={{ padding: "1rem" }}>
        <Icon icon="book-bookmark" size={20} color="#DC2626" />

        <p style={{ fontWeight: "bold", margin: "0.5rem 0 0.25rem", color: "white" }}>
          Payloads
        </p>

        <p style={{ color: "#888", margin: 0, fontSize: "0.875rem" }}>
          Payload library
        </p>
      </div>
    </a>

    <a
      href="/tools"
      style={{
textDecoration: "none",
border: "1px solid #2a2a2a",
borderRadius: "0.5rem",
overflow: "hidden",
display: "block",
padding: "0",
}}
    >
      <div
        style={{
  width: "100%",
  height: "200px",
  overflow: "hidden",
  margin: "0",
  lineHeight: "0",
  fontSize: "0",
}}
      >
        <img
          src="https://mintcdn.com/dudji/2PJF5JFiX9VrkjJg/images/tools-cover.avif?fit=max&auto=format&n=2PJF5JFiX9VrkjJg&q=85&s=c4ba7cb99fdc6a483b6a9cf78ea3178b"
          style={{
    width: "100%",
    height: "100%",
    objectFit: "cover",
    objectPosition: "center",
    display: "block",
    filter: "brightness(1.2) contrast(1.1)",
  }}
          width="490"
          height="275"
          data-path="images/tools-cover.avif"
        />
      </div>

      <div style={{ padding: "1rem" }}>
        <Icon icon="knife-kitchen" size={20} color="#DC2626" />

        <p style={{ fontWeight: "bold", margin: "0.5rem 0 0.25rem", color: "white" }}>
          Tools
        </p>

        <p style={{ color: "#888", margin: 0, fontSize: "0.875rem" }}>
          Cyber arsenal
        </p>
      </div>
    </a>
  </div>
</div>