mockups/release_new.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>New release · 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="releases"></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-6">
<section aria-labelledby="new-title">
<p class="font-mono text-[11px] text-muted-foreground uppercase tracking-wider mb-2">
<a href="repo.html" class="hover:underline">cloudzilla</a>
<span aria-hidden="true">·</span>
<a href="releases.html" class="hover:underline">Releases</a>
<span aria-hidden="true">·</span>
New
</p>
<h1 id="new-title" class="text-2xl font-semibold tracking-tight">Draft a new release</h1>
<p class="mt-1 text-[13px] text-muted-foreground">Tag a point in history, write the notes, and publish — or save it as a draft for later.</p>
</section>
<div class="grid lg:grid-cols-[1fr_280px] gap-8">
<div class="min-w-0">
<section class="rounded-md border border-border bg-card overflow-hidden" aria-labelledby="draft-heading">
<header class="px-5 py-3 border-b border-border bg-muted/50 flex items-center gap-2">
<h2 id="draft-heading" class="text-[13px] font-medium">New release</h2>
<span class="ml-auto font-mono text-[11px] text-muted-foreground">draft</span>
</header>
<form id="release-form" class="p-5 space-y-4">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div class="space-y-1.5">
<label for="r-tag" class="block text-sm font-medium">
Tag <span class="text-destructive" aria-hidden="true">*</span>
</label>
<input id="r-tag" type="text" name="tag_name" required placeholder="v1.0.0" class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors placeholder:text-muted-foreground font-mono" />
</div>
<div class="space-y-1.5">
<label for="r-name" class="block text-sm font-medium">Release title</label>
<input id="r-name" type="text" name="name" placeholder="Phase 16 — performance" class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors placeholder:text-muted-foreground" />
</div>
</div>
<div class="space-y-1.5">
<label for="r-target" class="block text-sm font-medium">Target branch</label>
<div class="relative">
<select id="r-target" name="target" class="appearance-none flex h-9 w-full rounded-md border border-input bg-transparent pl-3 pr-8 py-1 text-sm shadow-xs">
<option value="main" selected>main</option>
<option value="release/0.2">release/0.2</option>
<option value="tech/mockups-server">tech/mockups-server</option>
</select>
<svg class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none text-muted-foreground" width="13" height="13" 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>
</div>
<p class="text-[12px] text-muted-foreground">When the tag doesn't exist yet, it's created on this branch's latest commit.</p>
</div>
<div class="space-y-1.5">
<label for="r-body" class="block text-sm font-medium">Description</label>
<div data-markdown-editor data-rows="8" data-placeholder="What changed, why it matters, upgrade notes…"></div>
</div>
<div class="flex flex-wrap items-center gap-6">
<label class="flex items-center gap-2 text-sm cursor-pointer">
<input type="checkbox" name="is_prerelease" value="true" class="h-4 w-4 shrink-0 rounded-sm border border-input bg-transparent accent-ring checked:bg-ring checked:border-ring" />
<span>Pre-release</span>
</label>
</div>
<div class="flex flex-wrap justify-end gap-2 pt-1">
<a href="releases.html" class="h-9 px-3 border border-border rounded-md text-sm text-muted-foreground hover:bg-muted inline-flex items-center">Cancel</a>
<a href="releases.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-9 px-4 text-sm">Save draft</a>
<button type="submit" 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">Publish release</button>
</div>
</form>
</section>
</div>
<aside class="space-y-6" aria-label="About releases">
<section aria-labelledby="about-heading">
<h2 id="about-heading" class="text-[12px] font-medium text-muted-foreground mb-2">About releases</h2>
<p class="text-[13px] text-muted-foreground leading-relaxed">A release packages a Git tag with notes and downloadable assets — the cuttable points in your project's history.</p>
</section>
<section aria-labelledby="tips-heading" class="border-t border-border pt-5">
<h2 id="tips-heading" class="text-[12px] font-medium text-muted-foreground mb-2">Good to know</h2>
<ul class="space-y-2 text-[13px] text-muted-foreground leading-relaxed">
<li>The tag is created on the target branch's latest commit if it doesn't already exist.</li>
<li>Mark a pre-release when the build isn't production-ready.</li>
<li>Saving as a draft keeps the release private and notifies no one until you publish.</li>
</ul>
</section>
</aside>
</div>
</div>
</main>
<div id="cz-footer"></div>
<script src="markdown-editor.js"></script>
<script>
document.getElementById('release-form').addEventListener('submit', function (e) {
e.preventDefault();
location.href = 'releases.html';
});
</script>
</body>
</html>