> ## 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.

# Academy

> A personal academy for books and certifications.

<div className="homepage">
  <div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '1rem'}}>
    <a
      href="/academy/books"
      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-ca2b1613/nLh3Okq-UVfR4Tj4/images/Books.jpg?fit=max&auto=format&n=nLh3Okq-UVfR4Tj4&q=85&s=7976bf026a1d1ecaaca4a62e22abcd3c"
          style={{
    width: "100%",
    height: "100%",
    objectFit: "cover",
    objectPosition: "center",
    display: "block",
    filter: "brightness(1.2) contrast(1.1)",
  }}
          width="960"
          height="540"
          data-path="images/Books.jpg"
        />
      </div>

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

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

        <p style={{ color: "#888", margin: 0, fontSize: "0.875rem" }}>
          Currently reading and completed books
        </p>
      </div>
    </a>

    <a
      href="/academy/certifications"
      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-ca2b1613/nLh3Okq-UVfR4Tj4/images/Certifications.png?fit=max&auto=format&n=nLh3Okq-UVfR4Tj4&q=85&s=8812bd03c9ed0a5e069c4ffbd0f0c0cc"
          style={{
    width: "100%",
    height: "100%",
    objectFit: "cover",
    objectPosition: "center",
    display: "block",
    filter: "brightness(1.2) contrast(1.1)",
  }}
          width="1920"
          height="1080"
          data-path="images/Certifications.png"
        />
      </div>

      <div style={{ padding: "1rem" }}>
        <Icon icon="badge-check" size={20} color="#c084fc" />

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

        <p style={{ color: "#888", margin: 0, fontSize: "0.875rem" }}>
          In progress and achieved certifications
        </p>
      </div>
    </a>
  </div>
</div>