result.html

 1{{define "resultBody"}}
 2<div class="result">
 3  <div class="result-summary {{.ResultTone}}">{{if .ResultMark}}{{.ResultMark}} {{end}}{{.Result.ResultMsg}}</div>
 4  <div class="field-rows">
 5    {{range .Fields}}
 6    <div class="frow">
 7      <span class="flabel">{{.Label}}</span>
 8      {{if ne .State "correct"}}{{if ne .State "empty"}}<span class="fguess {{.State}}">{{.Guess}}</span>{{end}}{{end}}
 9      <span class="fval {{if eq .State "empty"}}empty{{else}}correct{{end}}">{{.Answer}}</span>
10    </div>
11    {{end}}
12  </div>
13  {{if .Result.Hinted}}<div class="hinted">Hint used · points halved</div>{{end}}
14</div>
15{{end}}
16
17{{define "result"}}
18{{template "resultBody" .}}
19<button autofocus hx-get="/next" hx-target="#game" hx-swap="innerHTML">Next song</button>
20{{end}}