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

# Currently Reading

> Books I am currently reading.

## Active Books

<div
  style={{
display: "grid",
gridTemplateColumns: "repeat(2, minmax(320px, 1fr))",
gap: "1rem",
}}
>
  <div style={{ border: "1px solid var(--border)", borderRadius: "16px", overflow: "hidden", background: "color-mix(in srgb, black 58%, var(--background))", boxShadow: "0 12px 26px color-mix(in srgb, black 35%, transparent)" }}>
    <div style={{ display: "flex", alignItems: "stretch" }}>
      <div style={{ width: "10px", background: "linear-gradient(180deg, var(--info), color-mix(in srgb, var(--info) 45%, white))" }} />

      <div style={{ display: "flex", gap: "1rem", flexWrap: "wrap", alignItems: "flex-start", padding: "1rem" }}>
        <img src="https://mintcdn.com/dudji-ca2b1613/1gWA0CEl7YHrkw0I/images/books/nmap-cover.jpg?fit=max&auto=format&n=1gWA0CEl7YHrkw0I&q=85&s=03f7c40aca5dfadd7190718ff12dd382" alt="Nmap Network Scanning cover" width="240" height="360" style={{ width: "240px", minWidth: "240px", maxWidth: "240px", height: "360px", borderRadius: "10px", objectFit: "cover", margin: 0, flexShrink: 0, display: "block" }} data-path="images/books/nmap-cover.jpg" />

        <div style={{ flex: "1 1 220px" }}>
          <p style={{ margin: "0 0 0.45rem 0", fontSize: "0.78rem", letterSpacing: "0.08em", opacity: 0.72 }}>PUBLISHER</p>
          <p style={{ margin: "0 0 1rem 0", fontWeight: 700 }}>Insecure.Com LLC</p>
          <p style={{ margin: "0 0 0.45rem 0", fontSize: "0.78rem", letterSpacing: "0.08em", opacity: 0.72 }}>TITLE</p>
          <p style={{ margin: 0, fontWeight: 700, lineHeight: 1.35, fontSize: "1.1rem" }}>Nmap Network Scanning</p>
        </div>
      </div>
    </div>
  </div>

  <div
    style={{
border: "1px solid var(--border)",
borderRadius: "16px",
overflow: "hidden",
background: "color-mix(in srgb, black 58%, var(--background))",
boxShadow: "0 12px 26px color-mix(in srgb, black 35%, transparent)",
}}
  >
    <div style={{ display: "flex", alignItems: "stretch" }}>
      <div
        style={{
    width: "10px",
    background:
      "linear-gradient(180deg, var(--success), color-mix(in srgb, var(--success) 45%, white))",
  }}
      />

      <div
        style={{
    display: "flex",
    gap: "1rem",
    flexWrap: "wrap",
    alignItems: "flex-start",
    padding: "1rem",
  }}
      >
        <img
          src="https://mintcdn.com/dudji-ca2b1613/1gWA0CEl7YHrkw0I/images/books/linux-basics.jpg?fit=max&auto=format&n=1gWA0CEl7YHrkw0I&q=85&s=54d746149ca66e8a343fe589ce0680e7"
          alt="Linux Basics for Hackers cover"
          width="240"
          height="360"
          style={{
      width: "240px",
      minWidth: "240px",
      maxWidth: "240px",
      height: "360px",
      borderRadius: "10px",
      objectFit: "cover",
      margin: 0,
      flexShrink: 0,
      display: "block",
    }}
          data-path="images/books/linux-basics.jpg"
        />

        <div style={{ flex: "1 1 220px" }}>
          <p
            style={{
        margin: "0 0 0.45rem 0",
        fontSize: "0.78rem",
        letterSpacing: "0.08em",
        opacity: 0.72,
      }}
          >
            PUBLISHER
          </p>

          <p style={{ margin: "0 0 1rem 0", fontWeight: 700 }}>No Starch Press</p>

          <p
            style={{
        margin: "0 0 0.45rem 0",
        fontSize: "0.78rem",
        letterSpacing: "0.08em",
        opacity: 0.72,
      }}
          >
            TITLE
          </p>

          <p
            style={{
        margin: 0,
        fontWeight: 700,
        lineHeight: 1.35,
        fontSize: "1.1rem",
      }}
          >
            Linux Basics for Hackers
          </p>
        </div>
      </div>
    </div>
  </div>

  <div
    style={{
border: "1px solid var(--border)",
borderRadius: "16px",
overflow: "hidden",
background: "color-mix(in srgb, black 58%, var(--background))",
boxShadow: "0 12px 26px color-mix(in srgb, black 35%, transparent)",
}}
  >
    <div style={{ display: "flex", alignItems: "stretch" }}>
      <div
        style={{
    width: "10px",
    background:
      "linear-gradient(180deg, var(--warning), color-mix(in srgb, var(--warning) 45%, white))",
  }}
      />

      <div
        style={{
    display: "flex",
    gap: "1rem",
    flexWrap: "wrap",
    alignItems: "flex-start",
    padding: "1rem",
  }}
      >
        <img
          src="https://mintcdn.com/dudji-ca2b1613/1gWA0CEl7YHrkw0I/images/books/never-split.jpg?fit=max&auto=format&n=1gWA0CEl7YHrkw0I&q=85&s=133970ca298a4d1e10d4616e66dcf6be"
          alt="Never Split the Difference cover"
          width="240"
          height="360"
          style={{
      width: "240px",
      minWidth: "240px",
      maxWidth: "240px",
      height: "360px",
      borderRadius: "10px",
      objectFit: "cover",
      margin: 0,
      flexShrink: 0,
      display: "block",
    }}
          data-path="images/books/never-split.jpg"
        />

        <div style={{ flex: "1 1 220px" }}>
          <p
            style={{
        margin: "0 0 0.45rem 0",
        fontSize: "0.78rem",
        letterSpacing: "0.08em",
        opacity: 0.72,
      }}
          >
            PUBLISHER
          </p>

          <p style={{ margin: "0 0 1rem 0", fontWeight: 700 }}>Harper Business</p>

          <p
            style={{
        margin: "0 0 0.45rem 0",
        fontSize: "0.78rem",
        letterSpacing: "0.08em",
        opacity: 0.72,
      }}
          >
            TITLE
          </p>

          <p
            style={{
        margin: 0,
        fontWeight: 700,
        lineHeight: 1.35,
        fontSize: "1.1rem",
      }}
          >
            Never Split the Difference
          </p>
        </div>
      </div>
    </div>
  </div>

  <div style={{ border: "1px solid var(--border)", borderRadius: "16px", overflow: "hidden", background: "color-mix(in srgb, black 58%, var(--background))", boxShadow: "0 12px 26px color-mix(in srgb, black 35%, transparent)" }}>
    <div style={{ display: "flex", alignItems: "stretch" }}>
      <div style={{ width: "10px", background: "linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 45%, white))" }} />

      <div style={{ display: "flex", gap: "1rem", flexWrap: "wrap", alignItems: "flex-start", padding: "1rem" }}>
        <img src="https://mintcdn.com/dudji-ca2b1613/1gWA0CEl7YHrkw0I/images/books/django.jpg?fit=max&auto=format&n=1gWA0CEl7YHrkw0I&q=85&s=d11ef21903c253773e6aa74cde1c3346" alt="Django in Action cover" width="240" height="360" style={{ width: "240px", minWidth: "240px", maxWidth: "240px", height: "360px", borderRadius: "10px", objectFit: "cover", margin: 0, flexShrink: 0, display: "block" }} data-path="images/books/django.jpg" />

        <div style={{ flex: "1 1 220px" }}>
          <p style={{ margin: "0 0 0.45rem 0", fontSize: "0.78rem", letterSpacing: "0.08em", opacity: 0.72 }}>PUBLISHER</p>
          <p style={{ margin: "0 0 1rem 0", fontWeight: 700 }}>Manning</p>
          <p style={{ margin: "0 0 0.45rem 0", fontSize: "0.78rem", letterSpacing: "0.08em", opacity: 0.72 }}>TITLE</p>
          <p style={{ margin: 0, fontWeight: 700, lineHeight: 1.35, fontSize: "1.1rem" }}>Django in Action</p>
        </div>
      </div>
    </div>
  </div>
</div>