feat: display color-coded word cards on index page

2025-05-01 18:16:56 +03:00
parent 024dbcffc2
commit 7ebd0db05a
2 changed files with 18 additions and 3 deletions
--- a/components/index.html
+++ b/components/index.html
@@ -7,7 +7,22 @@
 	<script src="https://unpkg.com/htmx.org@1.9.10"></script>
 </head>
 <body>
-	<h1>HTMX + Go Starter</h1>
-	<p>Edit this HTML in templates/public/index.html</p>
+	<h1>Word Color Cards</h1>
+	<div style="display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem;">
+		{{range $word, $color := .}}
+		<div style="
+			background-color: {{$color}};
+			padding: 1rem;
+			border-radius: 8px;
+			box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+			min-width: 100px;
+			text-align: center;
+			color: white;
+			text-shadow: 0 1px 2px rgba(0,0,0,0.25);
+		">
+			{{$word}}
+		</div>
+		{{end}}
+	</div>
 </body>
 </html>