Ctrl K
ComunidadGuías…

mockups/index.html

Rama main · réplica de lectura del repositorio original.

Archivo original ↗Preguntar a KiBot
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mockups — Cloudzilla</title>
<link rel="stylesheet" href="/assets/tailwind.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Geist:wght@400;500;600&display=swap" rel="stylesheet" />
</head>
<body class="min-h-screen flex flex-col antialiased font-sans">
<a href="#main-content" class="skip-link">Skip to main content</a>

<div id="cz-header" data-anon></div>
<script src="shell.js"></script>

<main id="main-content" tabindex="-1" class="max-w-[1400px] mx-auto px-6 pt-6 pb-20 flex-1 w-full">
<div class="space-y-8">

  <section aria-labelledby="index-title">
    <p class="font-mono text-[11px] text-muted-foreground uppercase tracking-wider mb-2">Design mockups</p>
    <h1 id="index-title" class="text-2xl font-semibold tracking-tight">Cloudzilla mockups</h1>
    <p class="mt-1 text-[13px] text-muted-foreground max-w-2xl">Static pages styled with the app's own Tailwind build and shell. 87 mockups, grouped by area; each card shows the real route it stands for.</p>
  </section>

  <section aria-labelledby="g-account">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-account" class="text-sm font-semibold tracking-tight">Account</h2>
      <span class="font-mono text-[11px] text-muted-foreground">12</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="home.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/</p>
          <h3 class="mt-1 text-sm font-medium">Home</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">home.html</p>
        </a>
      </li>
      <li>
        <a href="activity.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/activity</p>
          <h3 class="mt-1 text-sm font-medium">Activity</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">activity.html</p>
        </a>
      </li>
      <li>
        <a href="attention.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/attention</p>
          <h3 class="mt-1 text-sm font-medium">Needs attention</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">attention.html</p>
        </a>
      </li>
      <li>
        <a href="notifications.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/notifications</p>
          <h3 class="mt-1 text-sm font-medium">Notifications</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">notifications.html</p>
        </a>
      </li>
      <li>
        <a href="my_repositories.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/repos</p>
          <h3 class="mt-1 text-sm font-medium">Your repositories</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">my_repositories.html</p>
        </a>
      </li>
      <li>
        <a href="my_pulls.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/pulls</p>
          <h3 class="mt-1 text-sm font-medium">Your pull requests</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">my_pulls.html</p>
        </a>
      </li>
      <li>
        <a href="my_issues.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/issues</p>
          <h3 class="mt-1 text-sm font-medium">Your issues</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">my_issues.html</p>
        </a>
      </li>
      <li>
        <a href="stars.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/stars</p>
          <h3 class="mt-1 text-sm font-medium">Your stars</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">stars.html</p>
        </a>
      </li>
      <li>
        <a href="profile.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{user}</p>
          <h3 class="mt-1 text-sm font-medium">Public profile</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">profile.html</p>
        </a>
      </li>
      <li>
        <a href="account_settings.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/settings</p>
          <h3 class="mt-1 text-sm font-medium">Account settings</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">account_settings.html</p>
        </a>
      </li>
      <li>
        <a href="repo_transfers.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/repos/transfers</p>
          <h3 class="mt-1 text-sm font-medium">Repository transfers</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">repo_transfers.html</p>
        </a>
      </li>
      <li>
        <a href="repo_import.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/repos/import · /repos/import/{id}</p>
          <h3 class="mt-1 text-sm font-medium">Import a repository</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">repo_import.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-repository">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-repository" class="text-sm font-semibold tracking-tight">Repository</h2>
      <span class="font-mono text-[11px] text-muted-foreground">17</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="repo.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}</p>
          <h3 class="mt-1 text-sm font-medium">Repository overview</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">repo.html</p>
        </a>
      </li>
      <li>
        <a href="tree.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/tree/…</p>
          <h3 class="mt-1 text-sm font-medium">File tree</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">tree.html</p>
        </a>
      </li>
      <li>
        <a href="blob.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/blob/…</p>
          <h3 class="mt-1 text-sm font-medium">File view</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">blob.html</p>
        </a>
      </li>
      <li>
        <a href="blame.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/blame/…</p>
          <h3 class="mt-1 text-sm font-medium">Blame</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">blame.html</p>
        </a>
      </li>
      <li>
        <a href="raw.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/raw/…</p>
          <h3 class="mt-1 text-sm font-medium">Raw file</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">raw.html</p>
        </a>
      </li>
      <li>
        <a href="commits.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/commits/{ref}</p>
          <h3 class="mt-1 text-sm font-medium">Commits</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">commits.html</p>
        </a>
      </li>
      <li>
        <a href="commit.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/commit/{sha}</p>
          <h3 class="mt-1 text-sm font-medium">Commit</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">commit.html</p>
        </a>
      </li>
      <li>
        <a href="contributors.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/graphs/contributors</p>
          <h3 class="mt-1 text-sm font-medium">Contributors</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">contributors.html</p>
        </a>
      </li>
      <li>
        <a href="dependencies.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/network/dependencies</p>
          <h3 class="mt-1 text-sm font-medium">Dependencies</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">dependencies.html</p>
        </a>
      </li>
      <li>
        <a href="pulse.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/pulse</p>
          <h3 class="mt-1 text-sm font-medium">Pulse</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">pulse.html</p>
        </a>
      </li>
      <li>
        <a href="settings.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/settings</p>
          <h3 class="mt-1 text-sm font-medium">Repository settings</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">settings.html</p>
        </a>
      </li>
      <li>
        <a href="new_repo.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/repos/new</p>
          <h3 class="mt-1 text-sm font-medium">New repository</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">new_repo.html</p>
        </a>
      </li>
      <li>
        <a href="refs.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/refs</p>
          <h3 class="mt-1 text-sm font-medium">Branches and tags</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">refs.html</p>
        </a>
      </li>
      <li>
        <a href="new_file.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/new/{ref}</p>
          <h3 class="mt-1 text-sm font-medium">New file</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">new_file.html</p>
        </a>
      </li>
      <li>
        <a href="edit_file.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/edit/{ref}/{path}</p>
          <h3 class="mt-1 text-sm font-medium">Edit file</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">edit_file.html</p>
        </a>
      </li>
      <li>
        <a href="stargazers.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/stargazers</p>
          <h3 class="mt-1 text-sm font-medium">Stargazers</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">stargazers.html</p>
        </a>
      </li>
      <li>
        <a href="repo_fork.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/fork</p>
          <h3 class="mt-1 text-sm font-medium">Fork repository</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">repo_fork.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-issues">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-issues" class="text-sm font-semibold tracking-tight">Issues and milestones</h2>
      <span class="font-mono text-[11px] text-muted-foreground">8</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="issues.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/issues</p>
          <h3 class="mt-1 text-sm font-medium">Issues</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">issues.html</p>
        </a>
      </li>
      <li>
        <a href="issues_closed.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/issues?q=is:closed</p>
          <h3 class="mt-1 text-sm font-medium">Issues, closed</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">issues_closed.html</p>
        </a>
      </li>
      <li>
        <a href="issues_filtered.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/issues?q=label:bug</p>
          <h3 class="mt-1 text-sm font-medium">Issues, filtered</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">issues_filtered.html</p>
        </a>
      </li>
      <li>
        <a href="issue_detail.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/issues/{n}</p>
          <h3 class="mt-1 text-sm font-medium">Issue detail</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">issue_detail.html</p>
        </a>
      </li>
      <li>
        <a href="issue_detail_closed.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/issues/{n}</p>
          <h3 class="mt-1 text-sm font-medium">Issue detail, closed</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">issue_detail_closed.html</p>
        </a>
      </li>
      <li>
        <a href="issue_new.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/issues/new</p>
          <h3 class="mt-1 text-sm font-medium">New issue</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">issue_new.html</p>
        </a>
      </li>
      <li>
        <a href="milestones.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/milestones</p>
          <h3 class="mt-1 text-sm font-medium">Milestones</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">milestones.html</p>
        </a>
      </li>
      <li>
        <a href="milestone_detail.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/milestones/{n}</p>
          <h3 class="mt-1 text-sm font-medium">Milestone detail</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">milestone_detail.html</p>
        </a>
      </li>
      <li>
        <a href="milestone_new.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/milestones/new</p>
          <h3 class="mt-1 text-sm font-medium">New milestone</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">milestone_new.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-pull">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-pull" class="text-sm font-semibold tracking-tight">Pull requests and checks</h2>
      <span class="font-mono text-[11px] text-muted-foreground">7</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="pulls.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/pulls</p>
          <h3 class="mt-1 text-sm font-medium">Pull requests</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">pulls.html</p>
        </a>
      </li>
      <li>
        <a href="pull_new.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/pulls/new</p>
          <h3 class="mt-1 text-sm font-medium">New pull request</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">pull_new.html</p>
        </a>
      </li>
      <li>
        <a href="pr.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/pulls/{n}</p>
          <h3 class="mt-1 text-sm font-medium">Pull request</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">pr.html</p>
        </a>
      </li>
      <li>
        <a href="pr_commits.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/pulls/{n}/commits</p>
          <h3 class="mt-1 text-sm font-medium">Pull request commits</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">pr_commits.html</p>
        </a>
      </li>
      <li>
        <a href="pr_files.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/pulls/{n}/files</p>
          <h3 class="mt-1 text-sm font-medium">Pull request files</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">pr_files.html</p>
        </a>
      </li>
      <li>
        <a href="pr_checks.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/pulls/{n}/checks</p>
          <h3 class="mt-1 text-sm font-medium">Pull request checks</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">pr_checks.html</p>
        </a>
      </li>
      <li>
        <a href="actions.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/checks</p>
          <h3 class="mt-1 text-sm font-medium">Checks</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">actions.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-discussions">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-discussions" class="text-sm font-semibold tracking-tight">Discussions</h2>
      <span class="font-mono text-[11px] text-muted-foreground">6</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="discussions.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/discussions</p>
          <h3 class="mt-1 text-sm font-medium">Discussions</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">discussions.html</p>
        </a>
      </li>
      <li>
        <a href="discussions_answered.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/discussions</p>
          <h3 class="mt-1 text-sm font-medium">Discussions, answered</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">discussions_answered.html</p>
        </a>
      </li>
      <li>
        <a href="discussions_closed.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/discussions</p>
          <h3 class="mt-1 text-sm font-medium">Discussions, closed</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">discussions_closed.html</p>
        </a>
      </li>
      <li>
        <a href="discussion_detail.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/discussions/{n}</p>
          <h3 class="mt-1 text-sm font-medium">Discussion detail</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">discussion_detail.html</p>
        </a>
      </li>
      <li>
        <a href="discussion_detail_locked.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/discussions/{n}</p>
          <h3 class="mt-1 text-sm font-medium">Discussion detail, locked</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">discussion_detail_locked.html</p>
        </a>
      </li>
      <li>
        <a href="discussion_new.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/discussions/new</p>
          <h3 class="mt-1 text-sm font-medium">New discussion</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">discussion_new.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-projects">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-projects" class="text-sm font-semibold tracking-tight">Projects</h2>
      <span class="font-mono text-[11px] text-muted-foreground">2</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="project.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/projects</p>
          <h3 class="mt-1 text-sm font-medium">Projects</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">project.html</p>
        </a>
      </li>
      <li>
        <a href="project_board.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/projects/{id}</p>
          <h3 class="mt-1 text-sm font-medium">Project board</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">project_board.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-wiki">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-wiki" class="text-sm font-semibold tracking-tight">Wiki</h2>
      <span class="font-mono text-[11px] text-muted-foreground">8</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="wiki.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/wiki</p>
          <h3 class="mt-1 text-sm font-medium">Wiki home</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">wiki.html</p>
        </a>
      </li>
      <li>
        <a href="wiki_new.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/wiki/new</p>
          <h3 class="mt-1 text-sm font-medium">New wiki page</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">wiki_new.html</p>
        </a>
      </li>
      <li>
        <a href="wiki_edit.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/wiki/{slug}/edit</p>
          <h3 class="mt-1 text-sm font-medium">Edit wiki page</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">wiki_edit.html</p>
        </a>
      </li>
      <li>
        <a href="wiki_architecture.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/wiki/architecture</p>
          <h3 class="mt-1 text-sm font-medium">Wiki: Architecture</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">wiki_architecture.html</p>
        </a>
      </li>
      <li>
        <a href="wiki_code_of_conduct.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/wiki/code-of-conduct</p>
          <h3 class="mt-1 text-sm font-medium">Wiki: Code of Conduct</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">wiki_code_of_conduct.html</p>
        </a>
      </li>
      <li>
        <a href="wiki_contributing.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/wiki/contributing</p>
          <h3 class="mt-1 text-sm font-medium">Wiki: Contributing</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">wiki_contributing.html</p>
        </a>
      </li>
      <li>
        <a href="wiki_release_process.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/wiki/release-process</p>
          <h3 class="mt-1 text-sm font-medium">Wiki: Release process</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">wiki_release_process.html</p>
        </a>
      </li>
      <li>
        <a href="wiki_setup_on_mac.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/wiki/setup-on-mac</p>
          <h3 class="mt-1 text-sm font-medium">Wiki: Setup on Mac</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">wiki_setup_on_mac.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-releases">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-releases" class="text-sm font-semibold tracking-tight">Releases</h2>
      <span class="font-mono text-[11px] text-muted-foreground">3</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="releases.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/releases</p>
          <h3 class="mt-1 text-sm font-medium">Releases</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">releases.html</p>
        </a>
      </li>
      <li>
        <a href="release_detail.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/releases/tag/{tag}</p>
          <h3 class="mt-1 text-sm font-medium">Release detail</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">release_detail.html</p>
        </a>
      </li>
      <li>
        <a href="release_new.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{owner}/{repo}/releases/new</p>
          <h3 class="mt-1 text-sm font-medium">New release</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">release_new.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-gists">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-gists" class="text-sm font-semibold tracking-tight">Gists</h2>
      <span class="font-mono text-[11px] text-muted-foreground">4</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="gists.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/gists</p>
          <h3 class="mt-1 text-sm font-medium">Explore gists</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">gists.html</p>
        </a>
      </li>
      <li>
        <a href="gist_detail.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/gists/{id}</p>
          <h3 class="mt-1 text-sm font-medium">Gist detail</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">gist_detail.html</p>
        </a>
      </li>
      <li>
        <a href="gist_edit.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/gists/{id}/edit</p>
          <h3 class="mt-1 text-sm font-medium">Edit gist</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">gist_edit.html</p>
        </a>
      </li>
      <li>
        <a href="gist_new.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/gists/new</p>
          <h3 class="mt-1 text-sm font-medium">New gist</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">gist_new.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-organizations">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-organizations" class="text-sm font-semibold tracking-tight">Organizations and topics</h2>
      <span class="font-mono text-[11px] text-muted-foreground">5</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="organizations.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/organizations</p>
          <h3 class="mt-1 text-sm font-medium">Your organizations</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">organizations.html</p>
        </a>
      </li>
      <li>
        <a href="new_organization.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/organizations/new</p>
          <h3 class="mt-1 text-sm font-medium">New organization</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">new_organization.html</p>
        </a>
      </li>
      <li>
        <a href="org_profile.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/{org}</p>
          <h3 class="mt-1 text-sm font-medium">Organization profile</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">org_profile.html</p>
        </a>
      </li>
      <li>
        <a href="org_settings.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/orgs/{org}/settings</p>
          <h3 class="mt-1 text-sm font-medium">Organization settings</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">org_settings.html</p>
        </a>
      </li>
      <li>
        <a href="topic.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/topic/{name}</p>
          <h3 class="mt-1 text-sm font-medium">Topic</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">topic.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-search">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-search" class="text-sm font-semibold tracking-tight">Search</h2>
      <span class="font-mono text-[11px] text-muted-foreground">2</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="search.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/search</p>
          <h3 class="mt-1 text-sm font-medium">Search</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">search.html</p>
        </a>
      </li>
      <li>
        <a href="code_search.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/search/code</p>
          <h3 class="mt-1 text-sm font-medium">Code search</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">code_search.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-admin">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-admin" class="text-sm font-semibold tracking-tight">Admin</h2>
      <span class="font-mono text-[11px] text-muted-foreground">5</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="admin_settings.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/admin/settings</p>
          <h3 class="mt-1 text-sm font-medium">Instance settings</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">admin_settings.html</p>
        </a>
      </li>
      <li>
        <a href="admin_users.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/admin/users</p>
          <h3 class="mt-1 text-sm font-medium">Users</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">admin_users.html</p>
        </a>
      </li>
      <li>
        <a href="admin_user.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/admin/users/{username}</p>
          <h3 class="mt-1 text-sm font-medium">User</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">admin_user.html</p>
        </a>
      </li>
      <li>
        <a href="audit_log.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/admin/audit-log</p>
          <h3 class="mt-1 text-sm font-medium">Audit log</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">audit_log.html</p>
        </a>
      </li>
      <li>
        <a href="sso_settings.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/admin/sso</p>
          <h3 class="mt-1 text-sm font-medium">Single sign-on</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">sso_settings.html</p>
        </a>
      </li>
      <li>
        <a href="forbidden.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">any 403</p>
          <h3 class="mt-1 text-sm font-medium">Access denied</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">forbidden.html</p>
        </a>
      </li>
      <li>
        <a href="admin_mode.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/admin/mode</p>
          <h3 class="mt-1 text-sm font-medium">Admin mode</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">admin_mode.html</p>
        </a>
      </li>
    </ul>
  </section>

  <section aria-labelledby="g-sign">
    <div class="flex items-baseline justify-between mb-3">
      <h2 id="g-sign" class="text-sm font-semibold tracking-tight">Sign in</h2>
      <span class="font-mono text-[11px] text-muted-foreground">8</span>
    </div>
    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
      <li>
        <a href="login.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/login</p>
          <h3 class="mt-1 text-sm font-medium">Sign in</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">login.html</p>
        </a>
      </li>
      <li>
        <a href="register.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/register</p>
          <h3 class="mt-1 text-sm font-medium">Register</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">register.html</p>
        </a>
      </li>
      <li>
        <a href="forgot_password.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/auth/password/forgot</p>
          <h3 class="mt-1 text-sm font-medium">Forgot password</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">forgot_password.html</p>
        </a>
      </li>
      <li>
        <a href="reset_password.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/auth/password/reset/{token}</p>
          <h3 class="mt-1 text-sm font-medium">Reset password</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">reset_password.html</p>
        </a>
      </li>
      <li>
        <a href="totp_verify.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/auth/2fa</p>
          <h3 class="mt-1 text-sm font-medium">Two-factor code</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">totp_verify.html</p>
        </a>
      </li>
      <li>
        <a href="verify_email.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/verify-email</p>
          <h3 class="mt-1 text-sm font-medium">Verify email</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">verify_email.html</p>
        </a>
      </li>
      <li>
        <a href="signup_complete.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/register/complete/{token}</p>
          <h3 class="mt-1 text-sm font-medium">Finish signing up</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">signup_complete.html</p>
        </a>
      </li>
      <li>
        <a href="invite.html" class="block h-full rounded-md border border-border bg-card p-4 hover:border-border-strong hover:bg-accent/50 transition-colors">
          <p class="font-mono text-[11px] text-muted-foreground truncate">/invite/{token}</p>
          <h3 class="mt-1 text-sm font-medium">Accept invite</h3>
          <p class="mt-1 font-mono text-[11px] text-muted-foreground/70">invite.html</p>
        </a>
      </li>
    </ul>
  </section>

  <p class="text-[12px] text-muted-foreground/70">Run <span class="font-mono">node mockups/server.js</span> to serve this folder.</p>
</div>
</main>

<div id="cz-footer"></div>
</body>
</html>