loading indicator

index.html

@@ -164,15 +164,18 @@
             }
             
             const proposalInput = document.getElementById('proposal-input');
-if (proposalInput) {
-    proposalInput.placeholder = 'Drop your revolutionary idea here... (280 character limit)';
-}
+                if (proposalInput) {
+                    proposalInput.placeholder = 'Drop your revolutionary idea here... (280 character limit)';
+                }
 
-const postButton = document.getElementById('post-button');
-if (postButton) {
-    postButton.textContent = 'Launch Rebellion';
-}
-}
+                const postButton = document.getElementById('post-button');
+                if (postButton) {
+                    const loadingIndicator = document.createElement('div');
+                    loadingIndicator.classList.add('lds-dual-ring')
+                    postButton.appendChild(loadingIndicator);
+                    postButton.innerText = 'Launch Rebellion';
+                }
+            }
         
         // Load user data
         async function loadUserData() {

styles.css

@@ -1116,4 +1116,34 @@
     .music-prompt.visible {
         opacity: 1;
         transform: translateY(0);
-    }
+    }
+
+.lds-dual-ring,
+.lds-dual-ring:after {
+  box-sizing: border-box;
+}
+.lds-dual-ring {
+  display: inline-block;
+  width: 80px;
+  height: 80px;
+}
+.lds-dual-ring:after {
+  content: " ";
+  display: block;
+  width: 64px;
+  height: 64px;
+  margin: 8px;
+  border-radius: 50%;
+  border: 6.4px solid currentColor;
+  border-color: currentColor transparent currentColor transparent;
+  animation: lds-dual-ring 1.2s linear infinite;
+}
+@keyframes lds-dual-ring {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+