Added an explanation to the front page

2025-04-20 19:01:25 +02:00
parent e38628cbc6
commit 343cd24095
3 changed files with 61 additions and 5 deletions
@@ -8,19 +8,28 @@
 </head>
 <body>
 	<h1>Santa exchange</h1>
+	<p id="santaexchangename">This santa exchange is named: </p>
+	<button onclick="copyLinkToClipboard();">Copy link to clipboard</button><br /><br /><br />
+	<p>Status:</p>
+	<pre id="statusParagraph"></pre>
 	<label for="own_name">Your name: </label><br /><input type="text" id="own_name" /><br />
 	<br />
 	<label for="info_for_santa">Info for your santa (e.g. shipping address or similar):</label><br />
 	<textarea id="info_for_santa"></textarea><br />
 	<button id="submit_info_button" onclick="submitInfo();">Submit your info</button>
 	<br /><br /><br />
-	<pre id="statusParagraph"></pre>
 	<button id="start_exchange_button" onclick="submitStart();">Start with current participants</button>
 	<p>Current participants:</p>
 	<ul id='participantList'>

 	</ul>
 	<script type="text/javascript">
+		document.getElementById('santaexchangename').innerHTML += window.location.pathname.substring(1);
+
+		function copyLinkToClipboard() {
+			navigator.clipboard.writeText(window.location.href);
+		}
+
 		const socket = io();
 		const client_id = Math.floor(Math.random() * 2**64)