grail/golias
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: display color-coded word cards on index page

Browse Source
This commit is contained in:
Grail Finder (aider)
2025-05-01 18:16:56 +03:00
parent 024dbcffc2
commit 7ebd0db05a
2 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/index.html
View File

@ -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>