Add React + Vite port of the logo generator

Full React port sharing src/logo.js core (shadow geometry, CSS
output, defaults, font list). App.jsx holds the entire state in a
single useState object; controlled inputs drive the live render and
generated CSS. Keeps the accessibility markup (labels, aria,
<details>/<summary>, focus rings) from the html/vanilla versions;
reset restores defaults via the form's onReset.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-29 12:19:30 +02:00
co-authored by Claude Opus 4.7
parent f495c52401
commit be10c9982d
9 changed files with 2279 additions and 0 deletions
+13
View File
@@ -0,0 +1,13 @@
<!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="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>