site/rules.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>publint - rules</title>
    <meta name="description" content="Lint rules for npm packages" />
    <script type="module" src="./src/rules.js"></script>
  </head>
  <body tabindex="-1">
    <main class="w-full mx-auto p-4 pt-10">
      <div style="display: none">
        <svg>
          <symbol id="autolink-icon" width="24" height="24" fill="currentColor">
            <path
              d="M14.828 12l1.414 1.414 2.828-2.828a4 4 0 0 0-5.657-5.657l-2.828 2.828L12 9.172l2.828-2.828a2 2 0 0 1 2.828 2.828L14.828 12zM12 14.83l1.414 1.414-2.828 2.828a4 4 0 0 1-5.657-5.657l2.828-2.828L9.172 12l-2.828 2.83a2 2 0 0 0 2.828 2.828L12 14.83zm2.83-4.244a1 1 0 1 0-1.414-1.414l-4.243 4.243a1 1 0 0 0 1.414 1.414l4.243-4.243z"
            />
          </symbol>
        </svg>
      </div>
      <header class="absolute xl:fixed top-0 left-0 w-full z-10 px-4">
        <nav class="bookmark-nav flex gap-4 justify-end max-w-3xl mx-auto">
          <a class="bookmark decoration-none" href="/" title="Go to main page">
            <img
              src="./src/assets/home.svg"
              alt="home icon"
              width="20"
              height="20"
            />
          </a>
          <a
            class="bookmark decoration-none"
            href="https://github.com/bluwy/publint"
            title="Go to GitHub repo"
          >
            <img
              src="./src/assets/github.svg"
              alt="github logo"
              width="20"
              height="20"
            />
          </a>
        </nav>
      </header>
      <div class="flex justify-center">
        <div class="docs w-full max-w-3xl xl:ml-32">
          <!-- rules.md -->
          <footer class="my-16">
            <a class="anchor-link" href="/"> ➥ Back to main page </a>
          </footer>
        </div>
        <div class="relative hidden xl:block">
          <aside class="rules-aside-toc pt-18 sticky top-10">
            <p class="font-semibold mt-0 mb-2">On this page</p>
            <!-- rules.md (aside) -->
          </aside>
        </div>
      </div>
    </main>
  </body>
</html>