sync

app/assets/css/index.css

@@ -92,7 +92,7 @@ img.logo {
 img.mascot {
     width: 50%;
     float: right;
-    margin-top: calc(300px - (50% + 12px));
+    margin-top: calc(300px - (50% + 32px));
 }
 
 fieldset {
@@ -372,7 +372,25 @@ div.checkboxes > input[type="checkbox"] {
     font-size: small;
 }
 
+button.load {
+    content: "";
+    transition: background-color 0.3s;
+}
+
+
 [hidden] {
     display: none;
     visibility: hidden;
-}
+}
+@keyframes backgroundAnimation {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+  }
+  

app/assets/js/index.js

@@ -86,10 +86,18 @@ system.result("server::ping", pong => {
 
 function handleOptionsChanges(key, value) {
     system.call("game::optionSet", { key, value })
+    const span = document.querySelector(`span#${key}`)
+    if (span) {
+        span.innerText = Math.floor(value)
+    }
 }
 
 function handleSettingsChanges(key, value) {
     system.call("settings::set", { key, value })
+    const span = document.querySelector(`span#${key == "ram" ? "currentRam" : key}`)
+    if (span) {
+        span.innerText = key == "ram" ? Math.floor(value.max / 1024) + " G" : value
+    }
 }
 
 system.result("game::parseOptions", options => {
@@ -121,6 +129,9 @@ system.result("player::profile", playerProfile => {
     console.log(playerProfile)
 })
 
+system.result("oculus::getdefaultshaderset", boolean => {
+    sildurs_shader.checked = boolean
+})
 
 window.onload = () => {
     system.call("hardware::ramInformation")
@@ -128,5 +139,6 @@ window.onload = () => {
     system.call("server::ping")
     system.call("player::profile")
     system.call("settings::read")
+    system.call("oculus::getdefaultshaderset")
     startAudio()
 }