Update some CSS, support JSON

client-web/gradient.css

@@ -0,0 +1,43 @@
+/* Reset default margin and ensure full viewport coverage */
+body {
+  margin: 0;
+  min-height: 100vh;
+  background: linear-gradient(
+    30deg,
+    #50C878,  /* green */
+    #7FFFD4,  /* aqua */
+    #87CEEB,  /* light blue */
+    #00008B,  /* dark blue */
+    #800080,  /* purple */
+    #50C878,  /* green */
+    #7FFFD4,  /* aqua */
+    #87CEEB,  /* light blue */
+    #00008B,  /* dark blue */
+    #800080,  /* purple */
+    #50C878   /* green */
+  );
+  background-size: 1000% 1000%;
+  animation: gradient 120s ease infinite;
+}
+
+/* Gradient animation keyframes */
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 200% 50%;
+  }
+}
+
+/* Optional: styling for centered content */
+.content {
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  font-family: sans-serif;
+  font-size: 2rem;
+  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+}