libretechandClaude Opus 4.7
c147843cb5
Svelte 5 (runes) single-component port over the shared src/logo.js core. $state holds the model, $derived produces the generated CSS and the logo's style string, $effect syncs the body background. bind:value drives the controls (range/number inputs coerce to numbers). Keeps the accessibility markup (labels, aria, <details>/<summary>, focus rings); reset restores defaults via the form's onreset handler. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
14 lines
459 B
HTML
14 lines
459 B
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Logo-Generator</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Bowlby+One&family=Bebas+Neue&family=Bungee&family=Passion+One:wght@900&family=Ultra&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|