mockups/home.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>Overview — 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-account-tab="overview"></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">
<div class="flex items-end justify-between">
<div>
<h1 class="text-2xl font-semibold tracking-tight">mkappworks</h1>
</div>
<div class="flex items-center gap-1.5">
<a href="repo_import.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]">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3"></path></svg>
Import
</a>
<a href="new_repo.html" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90 h-8 px-3 text-[13px]">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"></path></svg>
New repository
</a>
</div>
</div>
<section aria-labelledby="stats-heading">
<h2 id="stats-heading" class="sr-only">Workspace statistics</h2>
<dl class="grid grid-cols-2 md:grid-cols-4 border border-border rounded-md">
<div class="p-5">
<dt class="text-[11px] font-mono text-muted-foreground uppercase tracking-wider mb-2">Repositories</dt>
<dd class="text-2xl font-medium tracking-tight">14</dd>
<dd class="text-[11px] text-muted-foreground mt-1">3 private, 11 public</dd>
</div>
<div class="p-5 border-l border-border">
<dt class="text-[11px] font-mono text-muted-foreground uppercase tracking-wider mb-2">Pull requests</dt>
<dd class="text-2xl font-medium tracking-tight">12 <span class="text-muted-foreground text-lg font-normal">open</span></dd>
<dd class="text-[11px] text-muted-foreground mt-1">4 awaiting your review</dd>
</div>
<div class="p-5 border-l border-border">
<dt class="text-[11px] font-mono text-muted-foreground uppercase tracking-wider mb-2">Issues</dt>
<dd class="text-2xl font-medium tracking-tight">7 <span class="text-muted-foreground text-lg font-normal">assigned</span></dd>
<dd class="text-[11px] text-muted-foreground mt-1">2 due this week</dd>
</div>
<div class="p-5 border-l border-border">
<dt class="text-[11px] font-mono text-muted-foreground uppercase tracking-wider mb-2">Commits, last 7 days</dt>
<dd class="text-2xl font-medium tracking-tight">87</dd>
<dd class="text-[11px] text-muted-foreground mt-1">across 6 repositories</dd>
</div>
</dl>
</section>
<div class="grid gap-8 lg:grid-cols-[1fr_320px]">
<div class="space-y-10">
<section aria-labelledby="repos-heading">
<div class="flex items-center justify-between mb-4">
<h2 id="repos-heading" class="text-[13px] font-medium">Repositories</h2>
<div class="flex items-center gap-1.5">
<div class="relative" data-dropdown>
<button type="button" aria-haspopup="menu" aria-expanded="false" class="h-7 px-2.5 text-[12px] border border-border rounded-md text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M3 6h18M6 12h12M10 18h4"/></svg>
Filter
</button>
<div role="menu" aria-label="Filter repositories" class="hidden absolute right-0 top-full mt-1.5 z-50 w-44 rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1">
<div class="px-2 pt-1 pb-0.5 text-[10px] font-mono uppercase tracking-wider text-muted-foreground">Type</div>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] hover:bg-accent hover:text-foreground text-foreground font-medium">All<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg></a>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">Sources</a>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">Forks</a>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">Templates</a>
</div>
</div>
<div class="relative" data-dropdown>
<button type="button" aria-haspopup="menu" aria-expanded="false" aria-label="Sort by, current: Last updated" class="h-7 px-2.5 text-[12px] border border-border rounded-md text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5">
<span aria-hidden="true">Last updated</span>
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5"/></svg>
</button>
<div role="menu" aria-label="Sort repositories" class="hidden absolute right-0 top-full mt-1.5 z-50 w-48 rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1">
<div class="px-2 pt-1 pb-0.5 text-[10px] font-mono uppercase tracking-wider text-muted-foreground">Sort by</div>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] hover:bg-accent hover:text-foreground text-foreground font-medium">Last updated<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg></a>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">Recently created</a>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">Name</a>
</div>
</div>
</div>
</div>
<div class="border border-border rounded-md bg-card overflow-hidden">
<table class="w-full text-left">
<caption class="sr-only">Your recently updated repositories — 5 of 14 shown</caption>
<colgroup>
<col style="width: 28px"/>
<col/>
<col style="width: 120px"/>
<col style="width: 90px"/>
<col style="width: 120px"/>
</colgroup>
<thead>
<tr class="border-b border-border text-[11px] font-mono uppercase tracking-wider text-muted-foreground">
<th scope="col" class="border-l-2 border-l-transparent px-4 py-2.5 font-normal"><span class="sr-only">Visibility</span></th>
<th scope="col" class="px-4 py-2.5 font-normal">Name</th>
<th scope="col" class="px-4 py-2.5 font-normal">Language</th>
<th scope="col" class="px-4 py-2.5 font-normal text-right" abbr="Pull requests">PRs</th>
<th scope="col" class="px-4 py-2.5 font-normal text-right">Updated</th>
</tr>
</thead>
<tbody>
<tr class="group border-b border-border last:border-0 hover:bg-accent transition-colors">
<td class="border-l-2 border-l-transparent group-hover:border-l-foreground px-4 py-3 transition-colors">
<svg class="text-muted-foreground" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"></path><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"></path></svg>
</td>
<th scope="row" class="px-4 py-3 font-normal min-w-0">
<a href="repo.html" class="text-[13px] hover:underline focus:outline-offset-4">cloudzilla</a>
<span class="text-muted-foreground mx-1" aria-hidden="true">/</span>
<span class="text-muted-foreground text-[12px]">main</span>
<p class="text-[11px] text-muted-foreground truncate mt-0.5 font-normal">Self-hosted Git forge with HTMX</p>
</th>
<td class="px-4 py-3"><span class="flex items-center gap-1.5 text-[12px] text-muted-foreground"><span class="h-1.5 w-1.5 rounded-full bg-cyan-400" aria-hidden="true"></span>Go</span></td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono"><span class="sr-only">Open pull requests: </span>12</td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono whitespace-nowrap"><time datetime="2026-05-13T13:00:00Z">2 hours ago</time></td>
</tr>
<tr class="group border-b border-border last:border-0 hover:bg-accent transition-colors">
<td class="border-l-2 border-l-transparent group-hover:border-l-foreground px-4 py-3 transition-colors">
<svg class="text-muted-foreground" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"></path><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"></path></svg>
</td>
<th scope="row" class="px-4 py-3 font-normal min-w-0">
<a href="repo.html" class="text-[13px] hover:underline focus:outline-offset-4">ingest-pipeline</a>
<span class="text-muted-foreground mx-1" aria-hidden="true">/</span>
<span class="text-muted-foreground text-[12px]">main</span>
<span class="ml-1.5 inline-flex items-center text-[10px] px-1.5 py-0.5 bg-muted border border-border rounded-sm text-muted-foreground">Private</span>
<p class="text-[11px] text-muted-foreground truncate mt-0.5 font-normal">Event ingestion: Kafka → ClickHouse with replay</p>
</th>
<td class="px-4 py-3"><span class="flex items-center gap-1.5 text-[12px] text-muted-foreground"><span class="h-1.5 w-1.5 rounded-full bg-orange-400" aria-hidden="true"></span>Rust</span></td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono"><span class="sr-only">Open pull requests: </span>3</td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono whitespace-nowrap"><time datetime="2026-05-12T13:00:00Z">1 day ago</time></td>
</tr>
<tr class="group border-b border-border last:border-0 hover:bg-accent transition-colors">
<td class="border-l-2 border-l-transparent group-hover:border-l-foreground px-4 py-3 transition-colors">
<svg class="text-muted-foreground" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"></path><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"></path></svg>
</td>
<th scope="row" class="px-4 py-3 font-normal min-w-0">
<a href="repo.html" class="text-[13px] hover:underline focus:outline-offset-4">benchlabs-site</a>
<span class="text-muted-foreground mx-1" aria-hidden="true">/</span>
<span class="text-muted-foreground text-[12px]">main</span>
<p class="text-[11px] text-muted-foreground truncate mt-0.5 font-normal">Marketing site, Astro + Tailwind</p>
</th>
<td class="px-4 py-3"><span class="flex items-center gap-1.5 text-[12px] text-muted-foreground"><span class="h-1.5 w-1.5 rounded-full bg-yellow-400" aria-hidden="true"></span>TypeScript</span></td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono"><span class="sr-only">Open pull requests: </span>2</td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono whitespace-nowrap"><time datetime="2026-05-10T13:00:00Z">3 days ago</time></td>
</tr>
<tr class="group border-b border-border last:border-0 hover:bg-accent transition-colors">
<td class="border-l-2 border-l-transparent group-hover:border-l-foreground px-4 py-3 transition-colors">
<svg class="text-muted-foreground" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"></path><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"></path></svg>
</td>
<th scope="row" class="px-4 py-3 font-normal min-w-0">
<a href="repo.html" class="text-[13px] hover:underline focus:outline-offset-4">dotfiles</a>
<span class="text-muted-foreground mx-1" aria-hidden="true">/</span>
<span class="text-muted-foreground text-[12px]">main</span>
<p class="text-[11px] text-muted-foreground truncate mt-0.5 font-normal">Personal config, nvim + zsh</p>
</th>
<td class="px-4 py-3"><span class="flex items-center gap-1.5 text-[12px] text-muted-foreground"><span class="h-1.5 w-1.5 rounded-full bg-violet-400" aria-hidden="true"></span>Lua</span></td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono"><span class="sr-only">Open pull requests: </span>0</td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono whitespace-nowrap"><time datetime="2026-05-06T13:00:00Z">May 6, 2026</time></td>
</tr>
<tr class="group border-b border-border last:border-0 hover:bg-accent transition-colors">
<td class="border-l-2 border-l-transparent group-hover:border-l-foreground px-4 py-3 transition-colors">
<svg class="text-muted-foreground" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" focusable="false"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"></path><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"></path></svg>
</td>
<th scope="row" class="px-4 py-3 font-normal min-w-0">
<a href="repo.html" class="text-[13px] hover:underline focus:outline-offset-4">go-service-starter</a>
<span class="text-muted-foreground mx-1" aria-hidden="true">/</span>
<span class="text-muted-foreground text-[12px]">main</span>
<p class="text-[11px] text-muted-foreground truncate mt-0.5 font-normal">Template · chi + sqlx + migrations</p>
</th>
<td class="px-4 py-3"><span class="flex items-center gap-1.5 text-[12px] text-muted-foreground"><span class="h-1.5 w-1.5 rounded-full bg-cyan-400" aria-hidden="true"></span>Go</span></td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono"><span class="sr-only">Open pull requests: </span>0</td>
<td class="px-4 py-3 text-right text-[12px] text-muted-foreground font-mono whitespace-nowrap"><time datetime="2026-04-29T13:00:00Z">Apr 29, 2026</time></td>
</tr>
</tbody>
</table>
</div>
<div class="mt-3 flex justify-between text-[12px] text-muted-foreground">
<span>Showing 5 of 14</span>
<a href="my_repositories.html" class="hover:text-foreground">View all repositories<span aria-hidden="true"> →</span></a>
</div>
</section>
<section aria-labelledby="attention-heading">
<div class="flex items-center justify-between mb-4">
<h2 id="attention-heading" class="text-[13px] font-medium">Needs your attention</h2>
<a href="attention.html" class="text-[12px] text-muted-foreground hover:text-foreground">View all 13<span aria-hidden="true"> →</span></a>
</div>
<ul aria-labelledby="attention-heading" class="border border-border rounded-md bg-card overflow-hidden">
<li class="border-b border-border last:border-b-0">
<a href="pr.html" class="group flex items-center gap-3 border-l-2 border-l-transparent px-4 py-3 transition-all hover:border-l-foreground hover:bg-accent hover:pl-[18px]">
<span class="shrink-0 h-4 w-4 rounded-full grid place-items-center text-success" aria-hidden="true"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
<div class="min-w-0 flex-1">
<p class="text-[13px] truncate">Review: Rate-limit middleware</p>
<p class="text-[11px] text-muted-foreground mt-0.5"><span class="font-mono">acme/api</span><span aria-hidden="true"> · </span><span class="font-mono">#319</span><span aria-hidden="true"> · </span><time datetime="2026-05-12T09:00:00Z">review requested 1d ago</time></p>
</div>
</a>
</li>
<li class="border-b border-border last:border-b-0">
<a href="issue_detail.html" class="group flex items-center gap-3 border-l-2 border-l-transparent px-4 py-3 transition-all hover:border-l-foreground hover:bg-accent hover:pl-[18px]">
<span class="shrink-0 h-4 w-4 rounded-full grid place-items-center text-warning" aria-hidden="true"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg></span>
<div class="min-w-0 flex-1">
<p class="text-[13px] truncate">Mention: Schema migration rollback plan</p>
<p class="text-[11px] text-muted-foreground mt-0.5"><span class="font-mono">acme/db</span><span aria-hidden="true"> · </span><span class="font-mono">#88</span><span aria-hidden="true"> · </span><time datetime="2026-05-13T06:00:00Z">mentioned 8h ago</time></p>
</div>
</a>
</li>
<li class="border-b border-border last:border-b-0">
<a href="issue_detail.html" class="group flex items-center gap-3 border-l-2 border-l-transparent px-4 py-3 transition-all hover:border-l-foreground hover:bg-accent hover:pl-[18px]">
<span class="shrink-0 h-4 w-4 rounded-full grid place-items-center text-ring" aria-hidden="true"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"></circle><path d="M12 7v5l3 2"></path></svg></span>
<div class="min-w-0 flex-1">
<p class="text-[13px] truncate">Assigned: Replay window UI</p>
<p class="text-[11px] text-muted-foreground mt-0.5"><span class="font-mono">ingest-pipeline</span><span aria-hidden="true"> · </span><span class="font-mono">#298</span><span aria-hidden="true"> · </span><time datetime="2026-05-10T09:00:00Z">assigned 3d ago</time></p>
</div>
</a>
</li>
</ul>
</section>
<section aria-labelledby="commits-heading">
<div class="flex items-start justify-between mb-4">
<div class="min-w-0">
<h2 id="commits-heading" class="text-[13px] font-medium">Commit activity</h2>
<p class="mt-0.5 text-[12px] text-muted-foreground">2,307 commits in 2026</p>
</div>
<div class="relative" data-dropdown>
<button type="button" aria-haspopup="menu" aria-expanded="false" aria-label="Select heatmap year" class="h-9 px-2.5 text-[13px] bg-background border border-border rounded-md text-foreground inline-flex items-center gap-1.5">
<span>2026</span>
<svg class="text-muted-foreground" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5"></path></svg>
</button>
<div role="menu" aria-label="Select heatmap year" class="hidden absolute right-0 top-full mt-1.5 z-50 min-w-[200px] rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1">
<div class="px-2 pt-1 pb-0.5 text-[10px] font-mono uppercase tracking-wider text-muted-foreground">Year</div>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] hover:bg-accent hover:text-foreground text-foreground font-medium">2026<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg></a>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">2025</a>
<a href="home.html" role="menuitem" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">2024</a>
</div>
</div>
</div>
<div class="border border-border rounded-md bg-card p-5">
<div role="img" aria-label="Commit heatmap: 2307 commits in 2026" class="w-full">
<div id="heatmap-months" class="grid grid-flow-col gap-[2px] mb-1 text-[10px] leading-none text-muted-foreground" style="grid-auto-columns: minmax(0, 1fr);"></div>
<div id="heatmap-cells" class="grid grid-flow-col gap-[2px]" style="grid-template-rows: repeat(7, auto); grid-auto-columns: minmax(0, 1fr);"></div>
</div>
</div>
</section>
</div>
<aside class="space-y-8" aria-label="Sidebar">
<section aria-labelledby="activity-heading">
<div class="flex items-center justify-between mb-3">
<h3 id="activity-heading" class="text-[13px] font-medium">Activity</h3>
<a href="activity.html" class="text-[12px] text-muted-foreground hover:text-foreground">All<span aria-hidden="true"> →</span><span class="sr-only"> activity</span></a>
</div>
<ol class="space-y-3">
<li class="text-[12px] flex gap-2.5">
<span class="mt-1 shrink-0 h-1.5 w-1.5 rounded-full bg-[hsl(270_70%_70%)]" aria-hidden="true"></span>
<div class="min-w-0 flex-1">
<p><a href="profile.html" class="hover:underline">@daisy</a><span class="text-muted-foreground"> merged </span><span class="font-mono">cloudzilla</span></p>
<p class="text-muted-foreground mt-0.5 font-mono text-[11px]">mkappworks/cloudzilla<span aria-hidden="true"> · </span><time datetime="2026-05-13T14:48:00Z">12 minutes ago</time></p>
</div>
</li>
<li class="text-[12px] flex gap-2.5">
<span class="mt-1 shrink-0 h-1.5 w-1.5 rounded-full bg-success" aria-hidden="true"></span>
<div class="min-w-0 flex-1">
<p><a href="profile.html" class="hover:underline">@yumi</a><span class="text-muted-foreground"> opened a pull request in </span><span class="font-mono">cloudzilla</span></p>
<p class="text-muted-foreground mt-0.5 font-mono text-[11px]">mkappworks/cloudzilla<span aria-hidden="true"> · </span><time datetime="2026-05-13T13:00:00Z">2 hours ago</time></p>
</div>
</li>
<li class="text-[12px] flex gap-2.5">
<span class="mt-1 shrink-0 h-1.5 w-1.5 rounded-full bg-muted-foreground" aria-hidden="true"></span>
<div class="min-w-0 flex-1">
<p><a href="profile.html" class="hover:underline">@mkappworks</a><span class="text-muted-foreground"> pushed to </span><span class="font-mono">ingest-pipeline</span></p>
<p class="text-muted-foreground mt-0.5 font-mono text-[11px]">mkappworks/ingest-pipeline<span aria-hidden="true"> · </span><time datetime="2026-05-13T12:00:00Z">3 hours ago</time></p>
</div>
</li>
<li class="text-[12px] flex gap-2.5">
<span class="mt-1 shrink-0 h-1.5 w-1.5 rounded-full bg-destructive" aria-hidden="true"></span>
<div class="min-w-0 flex-1">
<p><a href="profile.html" class="hover:underline">@kiyo</a><span class="text-muted-foreground"> closed an issue in </span><span class="font-mono">cloudzilla</span></p>
<p class="text-muted-foreground mt-0.5 font-mono text-[11px]">mkappworks/cloudzilla<span aria-hidden="true"> · </span><time datetime="2026-05-13T10:00:00Z">5 hours ago</time></p>
</div>
</li>
<li class="text-[12px] flex gap-2.5">
<span class="mt-1 shrink-0 h-1.5 w-1.5 rounded-full bg-success" aria-hidden="true"></span>
<div class="min-w-0 flex-1">
<p><a href="profile.html" class="hover:underline">@daisy</a><span class="text-muted-foreground"> opened an issue in </span><span class="font-mono">cloudzilla</span></p>
<p class="text-muted-foreground mt-0.5 font-mono text-[11px]">mkappworks/cloudzilla<span aria-hidden="true"> · </span><time datetime="2026-05-13T09:00:00Z">6 hours ago</time></p>
</div>
</li>
</ol>
</section>
<section aria-labelledby="templates-heading">
<div class="flex items-center justify-between mb-3">
<h3 id="templates-heading" class="text-[13px] font-medium">Start from a template</h3>
</div>
<ul class="border border-border rounded-md bg-card divide-y divide-border">
<li>
<a href="new_repo.html" class="flex items-center justify-between px-3 py-2.5 hover:bg-muted/40 group">
<div class="min-w-0">
<p class="text-[12px] truncate">go-service-starter</p>
<p class="text-[11px] text-muted-foreground truncate mt-0.5">Template · chi + sqlx + migrations</p>
</div>
<svg class="text-muted-foreground group-hover:text-foreground shrink-0 ml-2" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</a>
</li>
</ul>
</section>
</aside>
</div>
</div>
</main>
<div id="cz-footer"></div>
<script>
(function () {
var MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var DAYS = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];
var weeks = 53, months = document.getElementById('heatmap-months'), cells = document.getElementById('heatmap-cells');
var labels = [];
for (var w = 0; w < weeks; w++) labels.push('');
for (var k = 0; k < 12; k++) labels[Math.floor((k * weeks + 6) / 12)] = MONTHS[k];
for (var w = 0; w < weeks; w++) {
var m = document.createElement('div');
m.className = 'whitespace-nowrap';
m.textContent = labels[w];
months.appendChild(m);
}
var seed = 7;
function rnd() { seed = (seed * 9301 + 49297) % 233280; return seed / 233280; }
var day = new Date(Date.UTC(2025, 11, 28));
for (var i = 0; i < weeks * 7; i++) {
var r = rnd(), level = r < 0.35 ? 0 : r < 0.6 ? 1 : r < 0.8 ? 2 : r < 0.92 ? 3 : 4;
var n = [0, 2, 4, 8, 12][level];
var c = document.createElement('div');
c.className = 'aspect-square rounded-[2px] heatmap-cell-' + level;
c.title = DAYS[day.getUTCDay()] + ', ' + MONTHS[day.getUTCMonth()] + ' ' + day.getUTCDate() + ' ' + day.getUTCFullYear() + ' — ' + n + (n === 1 ? ' commit' : ' commits');
cells.appendChild(c);
day.setUTCDate(day.getUTCDate() + 1);
}
})();
</script>
</body>
</html>