1 files changed, 13 insertions, 4 deletions
diff --git a/static/script.js b/static/script.js
index e11c098..198bd72 100644
--- a/static/script.js
+++ b/static/script.js
@@ -87,10 +87,19 @@ function consume(grp) {
     }
     var group = currentBoard[grp];
 
+	var cluesString = group.clues.map(x => x[0]).join(', ')
+	var defnsString = group.clues.map(clue => {
+        var full = getFull(clue);
+		var defn = full[1];
+		return `<strong>${full[2]}</strong>: <span class="definition">${defn}</span>`
+	}).join('<br>')
+
+    var s = `<details class="answerclue"><summary>${cluesString}</summary>${defnsString}</details>`;
+
     document.getElementById('answers').innerHTML +=
         `<div class="answer">
             <div class="answerline">${group.hint} <a class="flag" href="#" x-flag="${group.hint}">[flag]</a></div>
-            <div class="clues">${group.clues.map(renderAnswerClue).join('')}</div>
+            <div class="clues">${s}</div>
         </div>`;
 }
 
@@ -125,9 +134,9 @@ function checkGuess(selected) {
     return [true, group];
 }
 
-function renderAnswerClue(clue) {
-    var s = `<details class="answerclue"><summary>${clue[0]}</summary><span class="definition">${clue[1]}</span></details>`;
-    return s
+function getFull(clue) {
+    var [i, j, k] = clue[1];
+    return fullCorpus[i].groups[j].clues[k];
 }
 
 function serializeBoard(board) {