From 913b9ab6087138777fab17faaba148f2407a657e Mon Sep 17 00:00:00 2001
From: Noah Metz <noah@metznet.ca>
Date: Sat, 27 Jan 2024 19:12:21 -0700
Subject: [PATCH] Fix I think

---
 src/routes/+page.svelte         | 11 +++++++----
 src/routes/control/+page.svelte |  4 ++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ade7c65..f8bfab1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -304,11 +304,9 @@ onMount(() => {
     <img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
     <img class="gif-foreground" alt="blue-wins" src="/gifs/blue_win.gif">
   {:else if (display_state == "rockies")}
-    <img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
-    <img class="gif-foreground" alt="rockies" src="/gifs/rockies.gif">
+    <img class="gif" alt="rockies" src="/gifs/rockies.gif">
   {:else if (display_state == "prairies")}
-    <img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
-    <img class="gif-foreground" alt="prairies" src="/gifs/prairies.gif">
+    <img class="gif" alt="prairies" src="/gifs/prairies.gif">
   {:else if (display_state == "ab-education")}
     <img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
     <img class="gif-foreground" alt="ab-education" src="/gifs/ab_education.gif">
@@ -371,6 +369,11 @@ p {
   width: 100%;
 }
 
+.gif {
+  width: 100%;
+  height: 100%;
+}
+
 .gif-background {
   z-index: 0;
   height: 100%;
diff --git a/src/routes/control/+page.svelte b/src/routes/control/+page.svelte
index c65df2e..0a3b0a9 100644
--- a/src/routes/control/+page.svelte
+++ b/src/routes/control/+page.svelte
@@ -82,14 +82,14 @@ client.on("message", (topic, message) => {
   {#each Object.entries(displays) as [name, info]}
     <div>
       <p>{name}</p>
-      <select bind:value={info.class} on:change={() => client.publish(`display/${name}/class`, info.class)}>
+      <select bind:value={info.class} on:change={() => client.publish(`display/${name}/class`, info.class, {retain: true})}>
         {#each classes as c}
           <option value={c}>
             {c}
           </option>
         {/each}
       </select>
-      <select bind:value={info.state} on:change={() => client.publish(`display/${name}/state`, info.state)}>
+      <select bind:value={info.state} on:change={() => client.publish(`display/${name}/state`, info.state, {retain: true})}>
         {#each states as s}
           <option value={s}>
             {s}