fixes color-picker and icons

2025-02-12 00:40:43 +01:00
parent 1dc4940d8c
commit 21ecf42004
31 changed files with 18997 additions and 21 deletions
--- a/src/main/resources/templates/results.html
+++ b/src/main/resources/templates/results.html
@@ -3,6 +3,8 @@
 <head>
    <meta charset="UTF-8">
    <title>Results</title>
+    <link rel="stylesheet" href="/vendor/font-awesome/css/fontawesome.css">
+    <link rel="stylesheet" href="/vendor/font-awesome/css/all.css">
 </head>
 <body>
 <div id="results" style="font-size: x-large">
@@ -21,7 +23,7 @@
            let node = document.createElement('p');
            let resultText = ''
            if (!data.results) {
-                resultText = ' rolling...'
+                resultText = ' <i class="fa-solid fa-dice"></i>'
            } else {
                data.results.forEach(result => {
                    let values = []
@@ -31,7 +33,7 @@
                    resultText += '<br/>&ensp; D' + result.sides + ': [' + values.map(value => value === 1 ? '<strong style="color: red">' + value + '</strong>' : value === result.sides ? '<strong style="color: green">' + value + '</strong>' : value).join(' + ') + (result.modifier > 0 ? ' <a style="text-decoration: underline">+' + result.modifier + '</a>' : result.modifier < 0 ? ' <a style="text-decoration: underline">' + result.modifier + '</a>' : '') + '] = <strong style="font-size: x-large">' + result.value + '</strong> '
                })
            }
-            node.innerHTML = '<strong style="text-shadow: 2px 2px 10px ' + data.themeColor + ';">' + data.name + ':</strong> 🎲	' + resultText
+            node.innerHTML = '<strong style="text-shadow: 2px 2px 10px ' + data.themeColor + ';">' + data.name + ':</strong> ' + resultText
            name.appendChild(node)
            document.getElementById('results').insertBefore(name, document.getElementById('results').firstChild);
        }