mockups/commits.html

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

<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Commits · mkappworks/cloudzilla — 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-repo-tab="code"></div>

<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-6">

    <section aria-labelledby="commits-title">
      <h1 id="commits-title" class="text-2xl font-semibold tracking-tight">Commit history</h1>
      <div class="mt-3 flex flex-wrap items-center gap-2">
        <a href="refs.html" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors border border-input bg-transparent hover:bg-accent hover:text-accent-foreground h-8 px-3 text-[13px]" aria-label="Branches and tags, current: main">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><circle cx="6" cy="3" r="3"></circle><circle cx="18" cy="3" r="3"></circle><circle cx="12" cy="21" r="3"></circle><path d="M6 6v3a3 3 0 003 3h6a3 3 0 003-3V6M12 12v6"></path></svg>
          <span class="font-medium">main</span>
        </a>
        <a href="tree.html" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors hover:bg-accent hover:text-accent-foreground h-8 px-3 text-[13px]">
          Browse code →
        </a>
      </div>
    </section>

    <div class="space-y-4" aria-label="Commit history grouped by date">
      <div class="flex items-center gap-3">
        <time datetime="2026-05-13" class="text-[12px] font-semibold text-muted-foreground whitespace-nowrap">Commits on May 13, 2026</time>
        <div class="flex-1 border-t border-border" aria-hidden="true"></div>
      </div>
      <div class="rounded-md border border-border bg-card">
        <div class="flex items-start gap-3 px-4 py-3">
          <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" role="img" aria-label="Malith Kuruppu">MK</span>
          <div class="min-w-0 flex-1">
            <a href="commit.html" class="text-[13px] font-medium hover:underline line-clamp-2 block">feat: add publish step to promote draft releases to published</a>
            <p class="mt-0.5 text-[12px] text-muted-foreground">
              Malith Kuruppu
            </p>
          </div>
          <div class="flex items-center gap-2 shrink-0 mt-0.5">
            <a href="commit.html" class="font-mono text-[12px] text-muted-foreground hover:text-foreground hover:underline" title="420b44b">420b44b</a>
            <a href="tree.html" class="inline-flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground border border-border rounded-sm px-1.5 py-0.5 hover:bg-muted/50" title="Browse repository at this point in history">
              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
              Browse files
            </a>
          </div>
        </div>
      </div>
      <div class="rounded-md border border-border bg-card">
        <div class="flex items-start gap-3 px-4 py-3">
          <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" role="img" aria-label="Daisy K.">DK</span>
          <div class="min-w-0 flex-1">
            <a href="commit.html" class="text-[13px] font-medium hover:underline line-clamp-2 block">fix: surface repo-level import errors on the empty state</a>
            <p class="mt-0.5 text-[12px] text-muted-foreground">
              Daisy K.
            </p>
          </div>
          <div class="flex items-center gap-2 shrink-0 mt-0.5">
            <a href="commit.html" class="font-mono text-[12px] text-muted-foreground hover:text-foreground hover:underline" title="1439e1e">1439e1e</a>
            <a href="tree.html" class="inline-flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground border border-border rounded-sm px-1.5 py-0.5 hover:bg-muted/50" title="Browse repository at this point in history">
              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
              Browse files
            </a>
          </div>
        </div>
      </div>
      <div class="flex items-center gap-3">
        <time datetime="2026-05-12" class="text-[12px] font-semibold text-muted-foreground whitespace-nowrap">Commits on May 12, 2026</time>
        <div class="flex-1 border-t border-border" aria-hidden="true"></div>
      </div>
      <div class="rounded-md border border-border bg-card">
        <div class="flex items-start gap-3 px-4 py-3">
          <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" role="img" aria-label="Malith Kuruppu">MK</span>
          <div class="min-w-0 flex-1">
            <a href="commit.html" class="text-[13px] font-medium hover:underline line-clamp-2 block">chore: release v0.2.0 (#32)</a>
            <p class="mt-0.5 text-[12px] text-muted-foreground">
              Malith Kuruppu
            </p>
          </div>
          <div class="flex items-center gap-2 shrink-0 mt-0.5">
            <a href="commit.html" class="font-mono text-[12px] text-muted-foreground hover:text-foreground hover:underline" title="c0ca250">c0ca250</a>
            <a href="tree.html" class="inline-flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground border border-border rounded-sm px-1.5 py-0.5 hover:bg-muted/50" title="Browse repository at this point in history">
              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
              Browse files
            </a>
          </div>
        </div>
      </div>
      <div class="flex items-center gap-3">
        <time datetime="2026-05-09" class="text-[12px] font-semibold text-muted-foreground whitespace-nowrap">Commits on May 9, 2026</time>
        <div class="flex-1 border-t border-border" aria-hidden="true"></div>
      </div>
      <div class="rounded-md border border-border bg-card">
        <div class="flex items-start gap-3 px-4 py-3">
          <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" role="img" aria-label="Daisy K.">DK</span>
          <div class="min-w-0 flex-1">
            <a href="commit.html" class="text-[13px] font-medium hover:underline line-clamp-2 block">ci: set up release-please pipeline and branch protection scaffolding (#30)</a>
            <p class="mt-0.5 text-[12px] text-muted-foreground">
              Daisy K.
            </p>
          </div>
          <div class="flex items-center gap-2 shrink-0 mt-0.5">
            <a href="commit.html" class="font-mono text-[12px] text-muted-foreground hover:text-foreground hover:underline" title="2a5f3ec">2a5f3ec</a>
            <a href="tree.html" class="inline-flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground border border-border rounded-sm px-1.5 py-0.5 hover:bg-muted/50" title="Browse repository at this point in history">
              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
              Browse files
            </a>
          </div>
        </div>
      </div>
      <div class="rounded-md border border-border bg-card">
        <div class="flex items-start gap-3 px-4 py-3">
          <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" role="img" aria-label="Malith Kuruppu">MK</span>
          <div class="min-w-0 flex-1">
            <a href="commit.html" class="text-[13px] font-medium hover:underline line-clamp-2 block">feat(security): private-repo visibility + transport + UI polish (#29)</a>
            <p class="mt-0.5 text-[12px] text-muted-foreground">
              Malith Kuruppu
            </p>
          </div>
          <div class="flex items-center gap-2 shrink-0 mt-0.5">
            <a href="commit.html" class="font-mono text-[12px] text-muted-foreground hover:text-foreground hover:underline" title="96a6f51">96a6f51</a>
            <a href="tree.html" class="inline-flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground border border-border rounded-sm px-1.5 py-0.5 hover:bg-muted/50" title="Browse repository at this point in history">
              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
              Browse files
            </a>
          </div>
        </div>
      </div>
    </div>

    <div class="flex items-center justify-between">
      <div></div>
      <div>
        <a href="commits.html" class="text-sm text-foreground hover:underline">Older →</a>
      </div>
    </div>
  </div>
</main>

<div id="cz-footer"></div>
<script src="shell.js"></script>
</body>
</html>