feat: make text bigger

web/src/routes/display/+page.svelte

@@ -26,9 +26,10 @@
     eventTarget.addEventListener("display", (e) => {
       const detail = (e as CustomEvent).detail;
 			if(detail.motd) {
-				const [speed, ...text] = detail.motd.split(" ");
+				const [speed, ...text] = detail.motd.split(";");
 				marqueeText = text.join(" ");
 				marqueeSpeed = parseInt(speed);
+				console.log(detail.motd, marqueeSpeed, marqueeText);
 				updateMarqueeSpeed();
 			}
       const _newCalls = detail.tickets.filter(
@@ -88,15 +89,15 @@
     transition:fade
   >
     <div
-      class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-9xl font-bold bg-background text-foreground p-4 rounded-md flex flex-col gap-10"
+      class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-[12rem] font-bold bg-background text-foreground p-4 rounded-md flex flex-col gap-10"
     >
       {#each newCalls as call (call.num)}
         <span class="mx-4 flex items-center gap-10">
           {call.num}
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            width="80"
+            width="120"
-            height="80"
+            height="120"
             viewBox="0 0 24 24"
             fill="none"
             stroke="currentColor"
@@ -113,11 +114,11 @@
   </div>
 {/if}
 
-<div class="marquee">
+<div class="marquee bg-yellow-300 text-black">
 	<div class="marquee-content">{marqueeText}</div>
 	<div class="marquee-content">{marqueeText}</div>
 </div>
-<div class="p-4 flex justify-around gap-4 text-5xl">
+<div class="p-4 flex justify-around gap-4 text-7xl">
   <!--	<h1 class="text-6xl font-bold">Aufruf</h1> -->
   <table class="self-start">
     <tbody>
@@ -169,7 +170,7 @@
   </table>
 
   <div
-    class="fixed h-full w-1 top-15 left-1/2 -translate-x-1/2 {wsState.closed
+    class="fixed h-full w-1 top-30 left-1/2 -translate-x-1/2 {wsState.closed
       ? 'bg-red-800'
       : !wsState.connected
         ? 'bg-amber-800'
@@ -278,7 +279,7 @@
 		overflow: hidden;
 		width: 100vw;
 		white-space: nowrap;
-		font-size: 2.5rem;
+		font-size: 4.5rem;
 		gap: 4rem;
 	}