Leonardo Devai
991acc190f
Pinned 2026 toolchains (Go 1.26, Rust 1.98/edition 2024, Python 3.14 + uv, Node 24, Zig 0.16, NixOS 26.05), postgres 18 / mongo 8, lockfiles built from, non-root runtimes, .dockerignore, per-project LICENSE, READMEs with the git.devai.io clone line, checkout@v7 CI. Security fixes in the legacy Rust APIs (any-password login, self-assigned admin, hard-coded JWT secret), JWT alg/exp/sub enforcement across the blog series, safe markdown links in the frontends, and many smaller bugs — every project was built, run and exercised end to end. Adds scripts/publish.sh + a CI publish job that splits every folder into its own repo at git.devai.io/templates/<folder>. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01128fhuZbgivaSJvtMf4s1G
40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Character Counter</title>
|
|
<link rel="stylesheet" href="styles.css" />
|
|
</head>
|
|
<body>
|
|
<main class="card">
|
|
<h1>Character Counter</h1>
|
|
<p class="sub">Live feedback as you type, tweet-style.</p>
|
|
|
|
<label for="text">What's happening?</label>
|
|
<textarea
|
|
id="text"
|
|
class="textarea"
|
|
rows="4"
|
|
aria-describedby="remaining"
|
|
placeholder="Say something in 280 characters…"
|
|
></textarea>
|
|
|
|
<div class="footer">
|
|
<div class="meter">
|
|
<!-- JS "unrolls" the second circle's stroke to show how full the message is. -->
|
|
<svg class="ring" width="44" height="44" viewBox="0 0 44 44" aria-hidden="true">
|
|
<circle class="ring-track" cx="22" cy="22" r="18" />
|
|
<circle id="ringProgress" class="ring-progress" cx="22" cy="22" r="18" />
|
|
</svg>
|
|
<span id="remaining" class="remaining">280</span>
|
|
</div>
|
|
<button id="post" class="btn" type="button">Post</button>
|
|
</div>
|
|
|
|
<p id="status" class="status" role="status" aria-live="polite"></p>
|
|
</main>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|