Ctrl K
ComunidadGuías…

mockups/gists.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>Explore gists — 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="gists"></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-5">

  <section class="flex flex-wrap items-start justify-between gap-4" aria-labelledby="gists-title">
    <div class="min-w-0">
      <h1 id="gists-title" class="text-2xl font-semibold tracking-tight">Explore gists</h1>
      <p class="mt-0.5 text-[13px] text-muted-foreground">Snippets, scratch notes, and standalone files — public and discoverable.</p>
    </div>
    <a href="gist_new.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-9 px-4 text-sm"><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 gist</a>
  </section>

  <nav aria-label="Section navigation" class="flex items-center gap-1 border-b border-border text-sm">
    <a href="gists.html" aria-current="page" class="px-3 py-2.5 border-b -mb-px border-foreground text-foreground font-medium inline-flex items-center gap-1.5">Public <span class="ml-0.5 text-[11px] text-muted-foreground font-mono" aria-label="42 items">42</span></a>
    <a href="gists.html" class="px-3 py-2.5 border-b -mb-px border-transparent text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5">Private <span class="ml-0.5 text-[11px] text-muted-foreground font-mono" aria-label="3 items">3</span></a>
  </nav>

  <div class="flex items-center gap-2 flex-wrap">
    <div class="relative flex-1 min-w-[240px]">
      <label for="gist-filter" class="sr-only">Filter gists</label>
      <input id="gist-filter" type="search" placeholder="Filter gists…" autocomplete="off" class="w-full h-9 pl-8 pr-3 text-[13px] bg-card border border-border rounded-md text-foreground placeholder:text-muted-foreground" />
      <svg class="absolute left-2.5 top-2.5 text-muted-foreground" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
        <circle cx="11" cy="11" r="7"></circle>
        <path d="M21 21l-4.3-4.3"></path>
      </svg>
    </div>
    <div class="relative" data-dropdown>
      <button type="button" aria-haspopup="menu" aria-expanded="false" aria-label="Sort gists" 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 id="sort-label">Sort: recently updated</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="Sort gists" 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">Sort by</div>
        <a href="#" role="menuitem" data-sort="Sort: recently updated" 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">Sort: recently 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="#" role="menuitem" data-sort="Recently created" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] hover:bg-accent hover:text-foreground text-muted-foreground">Recently created</a>
        <a href="#" role="menuitem" data-sort="Name" class="flex items-center justify-between px-2.5 py-1.5 rounded-md text-[13px] hover:bg-accent hover:text-foreground text-muted-foreground">Name</a>
      </div>
    </div>
  </div>

  <section class="rounded-md border border-border bg-card overflow-hidden" aria-labelledby="gist-list">
    <h2 id="gist-list" class="sr-only">Public gists</h2>
    <ol id="gist-rows" class="divide-y divide-border">
      <li id="gist-no-match" hidden class="border-b-0 px-4 py-6 text-center text-[13px] text-muted-foreground">No gists match this filter.</li>
      <li data-name="Go retry helper with jitter mkappworks">
        <a href="gist_detail.html" class="relative block px-4 py-3 hover:bg-accent group transition-[padding] hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-[2px] before:bg-foreground before:opacity-0 hover:before:opacity-100 before:transition-opacity before:rounded-xs">
          <div class="flex items-start gap-3 mb-1.5">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0 mt-0.5 text-muted-foreground" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="13" y2="17"/></svg>
            <div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
              <p class="text-[13.5px] font-medium leading-snug group-hover:underline">Go retry helper with jitter</p>
              <span class="shrink-0"><span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-success/15 text-success border-success/30">Public</span></span>
            </div>
          </div>
          <div class="flex items-center justify-between gap-3 pl-[27px]">
            <div class="flex items-center gap-1.5 text-[12px] text-muted-foreground/70 min-w-0 flex-wrap">
              <span class="font-mono">a3f9c1d27b8e</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-5 w-5 text-[10px]" aria-hidden="true">M</span>
              <span class="hover:text-foreground">mkappworks</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <time datetime="2026-11-03T10:00:00Z">Nov 3, 2026</time>
              <span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
              <span class="inline-flex items-center text-[10px] leading-none px-1.5 py-0.5 rounded-full border whitespace-nowrap bg-primary/15 text-primary border-primary/30">Go</span>
            </div>
            <div class="flex items-center gap-3 text-[12px] shrink-0">
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="1 file"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg> 1</span>
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="24 stars"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> 24</span><span class="text-muted-foreground/70 inline-flex items-center gap-1" title="3 forks"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><circle cx="6" cy="3" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="21" r="3"/><path d="M6 6v9a6 6 0 006 6v0M9 6h6a3 3 0 003-3"/></svg> 3</span>
            </div>
          </div>
        </a>
      </li>
      <li data-name="Nightly Postgres backup script daisy">
        <a href="gist_detail.html" class="relative block px-4 py-3 hover:bg-accent group transition-[padding] hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-[2px] before:bg-foreground before:opacity-0 hover:before:opacity-100 before:transition-opacity before:rounded-xs">
          <div class="flex items-start gap-3 mb-1.5">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0 mt-0.5 text-muted-foreground" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="13" y2="17"/></svg>
            <div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
              <p class="text-[13.5px] font-medium leading-snug group-hover:underline">Nightly Postgres backup script</p>
              <span class="shrink-0"><span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-success/15 text-success border-success/30">Public</span></span>
            </div>
          </div>
          <div class="flex items-center justify-between gap-3 pl-[27px]">
            <div class="flex items-center gap-1.5 text-[12px] text-muted-foreground/70 min-w-0 flex-wrap">
              <span class="font-mono">7be0d4a915c2</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-5 w-5 text-[10px]" aria-hidden="true">D</span>
              <span class="hover:text-foreground">daisy</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <time datetime="2026-11-01T02:10:00Z">Nov 1, 2026</time>
              <span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
              <span class="inline-flex items-center text-[10px] leading-none px-1.5 py-0.5 rounded-full border whitespace-nowrap bg-success/15 text-success border-success/30">Bash</span>
            </div>
            <div class="flex items-center gap-3 text-[12px] shrink-0">
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="2 files"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg> 2</span>
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="18 stars"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> 18</span><span class="text-muted-foreground/70 inline-flex items-center gap-1" title="5 forks"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><circle cx="6" cy="3" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="21" r="3"/><path d="M6 6v9a6 6 0 006 6v0M9 6h6a3 3 0 003-3"/></svg> 5</span>
            </div>
          </div>
        </a>
      </li>
      <li data-name="Window-function cheat sheet rchen">
        <a href="gist_detail.html" class="relative block px-4 py-3 hover:bg-accent group transition-[padding] hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-[2px] before:bg-foreground before:opacity-0 hover:before:opacity-100 before:transition-opacity before:rounded-xs">
          <div class="flex items-start gap-3 mb-1.5">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0 mt-0.5 text-muted-foreground" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="13" y2="17"/></svg>
            <div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
              <p class="text-[13.5px] font-medium leading-snug group-hover:underline">Window-function cheat sheet</p>
              <span class="shrink-0"><span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-success/15 text-success border-success/30">Public</span></span>
            </div>
          </div>
          <div class="flex items-center justify-between gap-3 pl-[27px]">
            <div class="flex items-center gap-1.5 text-[12px] text-muted-foreground/70 min-w-0 flex-wrap">
              <span class="font-mono">c58e12f0a7d3</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-5 w-5 text-[10px]" aria-hidden="true">R</span>
              <span class="hover:text-foreground">rchen</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <time datetime="2026-10-27T16:44:00Z">Oct 27, 2026</time>
              <span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
              <span class="inline-flex items-center text-[10px] leading-none px-1.5 py-0.5 rounded-full border whitespace-nowrap bg-warning/15 text-warning border-warning/30">SQL</span>
            </div>
            <div class="flex items-center gap-3 text-[12px] shrink-0">
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="1 file"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg> 1</span>
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="61 stars"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> 61</span><span class="text-muted-foreground/70 inline-flex items-center gap-1" title="12 forks"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><circle cx="6" cy="3" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="21" r="3"/><path d="M6 6v9a6 6 0 006 6v0M9 6h6a3 3 0 003-3"/></svg> 12</span>
            </div>
          </div>
        </a>
      </li>
      <li data-name="Scratch notes: tailwind v4 migration mkappworks">
        <a href="gist_detail.html" class="relative block px-4 py-3 hover:bg-accent group transition-[padding] hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-[2px] before:bg-foreground before:opacity-0 hover:before:opacity-100 before:transition-opacity before:rounded-xs">
          <div class="flex items-start gap-3 mb-1.5">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0 mt-0.5 text-warning" aria-hidden="true"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>
            <div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
              <p class="text-[13.5px] font-medium leading-snug group-hover:underline">Scratch notes: tailwind v4 migration</p>
              <span class="shrink-0"><span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-warning/15 text-warning border-warning/30">Private</span></span>
            </div>
          </div>
          <div class="flex items-center justify-between gap-3 pl-[27px]">
            <div class="flex items-center gap-1.5 text-[12px] text-muted-foreground/70 min-w-0 flex-wrap">
              <span class="font-mono">19d7e3b6c04f</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-5 w-5 text-[10px]" aria-hidden="true">M</span>
              <span class="hover:text-foreground">mkappworks</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <time datetime="2026-10-22T09:30:00Z">Oct 22, 2026</time>
              <span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
              <span class="inline-flex items-center text-[10px] leading-none px-1.5 py-0.5 rounded-full border whitespace-nowrap border-border bg-accent text-muted-foreground">Markdown</span>
            </div>
            <div class="flex items-center gap-3 text-[12px] shrink-0">
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="3 files"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg> 3</span>
              <span class="text-muted-foreground/70 inline-flex items-center gap-1 opacity-50" title="Private — no stars"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> —</span><span class="text-muted-foreground/70 inline-flex items-center gap-1 opacity-50" title="Private — no forks"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><circle cx="6" cy="3" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="21" r="3"/><path d="M6 6v9a6 6 0 006 6v0M9 6h6a3 3 0 003-3"/></svg> —</span>
            </div>
          </div>
        </a>
      </li>
      <li data-name=" priya">
        <a href="gist_detail.html" class="relative block px-4 py-3 hover:bg-accent group transition-[padding] hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-[2px] before:bg-foreground before:opacity-0 hover:before:opacity-100 before:transition-opacity before:rounded-xs">
          <div class="flex items-start gap-3 mb-1.5">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0 mt-0.5 text-muted-foreground" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="13" y2="17"/></svg>
            <div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
              <p class="text-[13.5px] font-medium leading-snug group-hover:underline"><span class="italic text-muted-foreground">No description</span></p>
              <span class="shrink-0"><span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-success/15 text-success border-success/30">Public</span></span>
            </div>
          </div>
          <div class="flex items-center justify-between gap-3 pl-[27px]">
            <div class="flex items-center gap-1.5 text-[12px] text-muted-foreground/70 min-w-0 flex-wrap">
              <span class="font-mono">e2a46c8b1f95</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-5 w-5 text-[10px]" aria-hidden="true">P</span>
              <span class="hover:text-foreground">priya</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <time datetime="2026-10-14T21:05:00Z">Oct 14, 2026</time>
              <span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
              <span class="inline-flex items-center text-[10px] leading-none px-1.5 py-0.5 rounded-full border whitespace-nowrap bg-[hsl(270_70%_50%/0.15)] text-[hsl(270_70%_70%)] border-[hsl(270_70%_50%/0.30)]">Python</span>
            </div>
            <div class="flex items-center gap-3 text-[12px] shrink-0">
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="1 file"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg> 1</span>
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="7 stars"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> 7</span><span class="text-muted-foreground/70 inline-flex items-center gap-1" title="0 forks"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><circle cx="6" cy="3" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="21" r="3"/><path d="M6 6v9a6 6 0 006 6v0M9 6h6a3 3 0 003-3"/></svg> 0</span>
            </div>
          </div>
        </a>
      </li>
      <li data-name="CI workflow template for Cloudzilla Checks tomas">
        <a href="gist_detail.html" class="relative block px-4 py-3 hover:bg-accent group transition-[padding] hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-[2px] before:bg-foreground before:opacity-0 hover:before:opacity-100 before:transition-opacity before:rounded-xs">
          <div class="flex items-start gap-3 mb-1.5">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0 mt-0.5 text-muted-foreground" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="13" y2="17"/></svg>
            <div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
              <p class="text-[13.5px] font-medium leading-snug group-hover:underline">CI workflow template for Cloudzilla Checks</p>
              <span class="shrink-0"><span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-success/15 text-success border-success/30">Public</span></span>
            </div>
          </div>
          <div class="flex items-center justify-between gap-3 pl-[27px]">
            <div class="flex items-center gap-1.5 text-[12px] text-muted-foreground/70 min-w-0 flex-wrap">
              <span class="font-mono">4c0b9f7d3e21</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-5 w-5 text-[10px]" aria-hidden="true">T</span>
              <span class="hover:text-foreground">tomas</span>
              <span class="opacity-50" aria-hidden="true">·</span>
              <time datetime="2026-10-09T13:18:00Z">Oct 9, 2026</time>
              <span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
              <span class="inline-flex items-center text-[10px] leading-none px-1.5 py-0.5 rounded-full border whitespace-nowrap border-border bg-accent text-muted-foreground">YAML</span>
            </div>
            <div class="flex items-center gap-3 text-[12px] shrink-0">
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="2 files"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg> 2</span>
              <span class="text-muted-foreground/70 inline-flex items-center gap-1" title="33 stars"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> 33</span><span class="text-muted-foreground/70 inline-flex items-center gap-1" title="8 forks"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><circle cx="6" cy="3" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="21" r="3"/><path d="M6 6v9a6 6 0 006 6v0M9 6h6a3 3 0 003-3"/></svg> 8</span>
            </div>
          </div>
        </a>
      </li>
    </ol>
  </section>

</div>
</main>

<div id="cz-footer"></div>
<script>
(function () {
  var q = document.getElementById('gist-filter');
  q.addEventListener('input', function () {
    var needle = q.value.toLowerCase();
    var shown = 0;
    document.querySelectorAll('#gist-rows > li[data-name]').forEach(function (li) {
      li.hidden = needle !== '' && li.dataset.name.toLowerCase().indexOf(needle) === -1;
      if (!li.hidden) shown++;
    });
    document.getElementById('gist-no-match').hidden = shown > 0;
  });
  document.querySelectorAll('[data-sort]').forEach(function (a) {
    a.addEventListener('click', function (e) {
      e.preventDefault();
      document.getElementById('sort-label').textContent = a.dataset.sort;
    });
  });
})();
</script>
</body>
</html>