[no ci] release 1.1.2

Reviewed-on: #31

pom.xml

@@ -4,7 +4,7 @@
     <modelVersion>4.0.0</modelVersion>
     <groupId>de.arindy</groupId>
     <artifactId>dice-tower</artifactId>
-    <version>1.1.0</version>
+    <version>1.1.2</version>
 
     <properties>
         <compiler-plugin.version>3.13.0</compiler-plugin.version>

src/main/resources/META-INF/resources/app.js

@@ -165,6 +165,13 @@ function hideSnackbar() {
 }
 
 document.addEventListener("DOMContentLoaded", async () => {
+
+    document.querySelector('meta[property="og:url"]').setAttribute("content", url());
+    document.querySelector('meta[property="twitter:url"]').setAttribute("content", url());
+    document.querySelector('meta[property="og:image"]').setAttribute("content", url() + '/rich.png');
+    document.querySelector('meta[name="twitter:image"]').setAttribute("content", url() + '/rich.png');
+    document.querySelector('meta[property="twitter:domain"]').setAttribute("content", window.location.hostname);
+
     if (localStorage.getItem('last-name') && localStorage.getItem('last-room')) {
         document.getElementById('name').value = localStorage.getItem('last-name');
         document.getElementById('room').value = localStorage.getItem('last-room');

src/main/resources/templates/chatoverlay.html

@@ -38,7 +38,7 @@
                     result.rolls.forEach(roll => {
                         values.push(roll.value);
                     })
-                    document.getElementById('results').innerHTML = '<strong>' + message + '</strong>: [' + values.map(value => value === 1 ? '<strong style="text-shadow: 2px 2px 10px red">' + value + '</strong>' : value === result.sides ? '<strong style="text-shadow: 2px 2px 10px 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>' + result.value + '</strong> '
+                    document.getElementById('results').innerHTML = '<strong>' + user + '</strong> rolls <strong>' + message + '</strong>:<br/> [' + values.map(value => value === 1 ? '<strong style="text-shadow: 2px 2px 10px red">' + value + '</strong>' : value === result.sides ? '<strong style="text-shadow: 2px 2px 10px 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>' + result.value + '</strong> '
                 })
                 document.getElementById('results').showPopover()
                 setTimeout(() => {

src/main/resources/templates/chatoverlayconfig.html

@@ -38,8 +38,8 @@
         <div>
             <label for="channel">Channel </label>
             <input type="text" id="channel" style="width: 400px; margin-top: 20px" value="arindy"/>
-            <label for="cmd">Command </label>
-            <input type="text" id="cmd" style="width: 100px; margin-top: 20px" value="roll"/>
+            <label for="cmd">Command !</label>
+            <input type="text" id="cmd" style="width: 100px; margin-top: 20px; margin-left: 0" value="roll"/>
         </div>
         <div>
             <label class="checkbox" id="modsAllowed-container">Allow mods to roll
@@ -57,7 +57,7 @@
         </div>
         <div>
             <label for="scale">Dice-Scale </label>
-            <input type="number" id="scale" style="width: 50px; margin-top: 20px" value="7"/>
+            <input type="number" id="scale" style="width: 50px; margin-top: 20px" value="9"/>
             <label for="maxDice">Max number of dice </label>
             <input type="number" id="maxDice" style="width: 50px; margin-top: 20px" value="20"/>
         </div>
@@ -65,7 +65,7 @@
             <label for="clearAfter">Clear dice after (in seconds)</label>
             <input type="number" id="clearAfter" style="width: 50px; margin-top: 20px" value="10"/>
             <label for="timeout">Command-timeout (in seconds)</label>
-            <input type="number" id="timeout" style="width: 50px; margin-top: 20px" value="10"/>
+            <input type="number" id="timeout" style="width: 50px; margin-top: 20px" value="60"/>
         </div>
         <div id="dice-box" style="height: 400px"></div>
         <button style="margin: 10px" id="preview">Preview <i class="fa-solid fa-magnifying-glass"></i></button>

src/main/resources/templates/index.html

@@ -3,6 +3,25 @@
 <head>
     <meta charset="UTF-8">
     <title>Dice-Tower</title>
+
+    <meta property="og:title" content="Dice-Tower">
+    <meta name="twitter:title" content="Dice-Tower">
+
+    <meta property="og:type" content="website">
+    <meta name="twitter:card" content="summary_large_image">
+
+    <meta property="og:url" content="https://dice-tower.com">
+    <meta property="twitter:url" content="https://dice-tower.com">
+
+    <meta property="twitter:domain" content="dice-tower.com">
+
+    <meta property="og:image" content="https://dice-tower.com/rich.png">
+    <meta name="twitter:image" content="https://dice-tower.com/rich.png">
+
+    <meta name="description" content="
+        Easy to use online dice rolling with customizable overlays.
+">
+
     <link rel="stylesheet" href="/vendor/w3css/4/w3.css">
     <link rel="stylesheet" href="/vendor/font-awesome/css/fontawesome.css">
     <link rel="stylesheet" href="/vendor/font-awesome/css/all.css">