mockups/discussions_answered.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>Answered discussions · 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 antialiased">
<a href="#main-content" class="skip-link">Skip to main content</a>

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

<main id="main-content" tabindex="-1" class="max-w-[1400px] mx-auto px-6 pt-6 pb-20">

  <div class="space-y-6">
    <section class="flex flex-wrap items-start justify-between gap-4" aria-labelledby="disc-title">
      <div class="min-w-0">
        <h1 id="disc-title" class="text-2xl font-semibold tracking-tight">Discussions</h1>
      </div>
      <a href="discussion_new.html" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors bg-success text-success-foreground hover:bg-success/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 discussion
      </a>
    </section>
    <nav class="flex items-center gap-2 flex-wrap" aria-label="Discussion categories">
      <a href="discussions_answered.html" class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full border text-[11px] transition-colors bg-foreground text-background border-foreground">
        All
        <span class="font-mono opacity-70">6</span>
      </a>
      <a href="discussions_answered.html" class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full border text-[11px] transition-colors bg-muted text-muted-foreground border-border hover:text-foreground">
        General
        <span class="font-mono opacity-70">2</span>
      </a>
      <a href="discussions_answered.html" class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full border text-[11px] transition-colors bg-muted text-muted-foreground border-border hover:text-foreground">
        Q&amp;A
        <span class="font-mono opacity-70">2</span>
      </a>
      <a href="discussions_answered.html" class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full border text-[11px] transition-colors bg-muted text-muted-foreground border-border hover:text-foreground">
        Ideas
        <span class="font-mono opacity-70">0</span>
      </a>
      <a href="discussions_answered.html" class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full border text-[11px] transition-colors bg-muted text-muted-foreground border-border hover:text-foreground">
        Announcements
        <span class="font-mono opacity-70">1</span>
      </a>
    </nav>
    <nav class="flex items-center gap-1 border-b border-border text-sm" aria-label="Discussion state">
      <a href="discussions.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">
        Open
        <span class="ml-0.5 font-mono text-[11px] text-muted-foreground" aria-label="4 open">4</span>
      </a>
      <a href="discussions_answered.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">
        Answered
        <span class="ml-0.5 font-mono text-[11px] text-muted-foreground" aria-label="2 answered">2</span>
      </a>
      <a href="discussions_closed.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">
        Closed
        <span class="ml-0.5 font-mono text-[11px] text-muted-foreground" aria-label="1 closed">1</span>
      </a>
    </nav>
    <section class="rounded-md border border-border bg-card overflow-hidden" aria-labelledby="disc-list">
      <h2 id="disc-list" class="sr-only">Discussion threads</h2>
      <ol class="divide-y divide-border">
        <li>
          <a href="discussion_detail.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-muted/50 hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
            <div class="flex items-start gap-3 mb-1.5">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0 mt-0.5 text-success" aria-hidden="true" focusable="false"><path d="M9 12l2 2 4-4"></path><circle cx="12" cy="12" r="10"></circle></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">RFC: Should we add OpenTelemetry tracing to the git transport layer?</p>
              </div>
            </div>
            <div class="pl-[28px] flex items-center justify-between gap-3">
              <div class="flex items-center gap-1.5 text-[12px] text-muted-foreground flex-wrap min-w-0">
                <span class="font-mono">#42</span>
                <span 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>malith</span>
                <span aria-hidden="true">·</span>
                answered <time>yesterday</time>
                <span aria-hidden="true">·</span>
                <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-medium border border-border bg-muted text-muted-foreground">Q&amp;A</span>
              <span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#c084fc;--label-fg:#1f2328;--label-border:#a974de;--label-dark-bg:#c084fc2e;--label-dark-border:#c084fc66;--label-dark-fg:#c084fc">rfc</span>
              <span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#6ea8fe;--label-fg:#1f2328;--label-border:#6194e0;--label-dark-bg:#6ea8fe2e;--label-dark-border:#6ea8fe66;--label-dark-fg:#6ea8fe">observability</span>
              </div>
              <div class="flex items-center gap-3 text-[12px] shrink-0">
                <div class="flex -space-x-1.5" aria-label="3 participants">
                <span class="rounded-full ring-2 ring-card inline-block"><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>
                <span class="rounded-full ring-2 ring-card inline-block"><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>
                <span class="rounded-full ring-2 ring-card inline-block"><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">Y</span></span>
                </div>
              <span class="inline-flex items-center gap-1 text-[11px] text-success font-medium" title="Answered">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" aria-hidden="true" focusable="false"><path d="M20 6L9 17l-5-5"></path></svg>
                Answered
              </span>
                <span class="text-muted-foreground inline-flex items-center gap-1" title="3 replies">
                  <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="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"></path></svg>
                  3
                </span>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a href="discussion_detail.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-muted/50 hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
            <div class="flex items-start gap-3 mb-1.5">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0 mt-0.5 text-success" aria-hidden="true" focusable="false"><path d="M9 12l2 2 4-4"></path><circle cx="12" cy="12" r="10"></circle></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">How do I configure deploy keys for read-only access?</p>
              </div>
            </div>
            <div class="pl-[28px] flex items-center justify-between gap-3">
              <div class="flex items-center gap-1.5 text-[12px] text-muted-foreground flex-wrap min-w-0">
                <span class="font-mono">#39</span>
                <span 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>priya</span>
                <span aria-hidden="true">·</span>
                answered <time>3d ago</time>
                <span aria-hidden="true">·</span>
                <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-medium border border-border bg-muted text-muted-foreground">Q&amp;A</span>
              <span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#4ade80;--label-fg:#1f2328;--label-border:#41c371;--label-dark-bg:#4ade802e;--label-dark-border:#4ade8066;--label-dark-fg:#4ade80">auth</span>
              <span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#6ea8fe;--label-fg:#1f2328;--label-border:#6194e0;--label-dark-bg:#6ea8fe2e;--label-dark-border:#6ea8fe66;--label-dark-fg:#6ea8fe">ssh</span>
              </div>
              <div class="flex items-center gap-3 text-[12px] shrink-0">
                <div class="flex -space-x-1.5" aria-label="4 participants">
                <span class="rounded-full ring-2 ring-card inline-block"><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">J</span></span>
                <span class="rounded-full ring-2 ring-card inline-block"><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">A</span></span>
                <span class="inline-grid place-items-center rounded-full bg-muted border border-border h-5 w-5 text-[9px] font-medium text-muted-foreground ring-2 ring-card" title="+2 more">+2</span>
                </div>
              <span class="inline-flex items-center gap-1 text-[11px] text-success font-medium" title="Answered">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" aria-hidden="true" focusable="false"><path d="M20 6L9 17l-5-5"></path></svg>
                Answered
              </span>
                <span class="text-muted-foreground inline-flex items-center gap-1" title="12 replies">
                  <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="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"></path></svg>
                  12
                </span>
              </div>
            </div>
          </a>
        </li>
      </ol>
    </section>
  </div>

</main>

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