volume control update

Now there is a global volume control in settings, and a per user volume control in the chat panel

Author: openconstruct

src/index.html

@@ -163,7 +163,7 @@ <h3>Channels</h3>
                         </div>
                         <div class="user-list-sidebar">
                              <h3>Users Online</h3>
-                             <ul id="userList" class="card"></ul>
+                             <ul id="userList" class="card"></ul> <!-- Individual sliders go in here via JS -->
                         </div>
                     </div>
                 </div>
@@ -290,6 +290,12 @@ <h2>Settings</h2>
                     </div>
                 </div>
 
+                <div class="settings-option">
+                    <label for="settingsGlobalVolumeSlider" style="white-space: nowrap;">Global Audio Volume:</label>
+                    <input type="range" id="settingsGlobalVolumeSlider" min="0" max="1" step="0.01" value="1" style="flex-grow: 1; margin-bottom:0;">
+                    <span id="globalVolumeValue" style="min-width: 40px; text-align: right;">100%</span>
+                </div>
+
                 <div class="settings-actions">
                     <button id="settingsSaveBtn" class="btn">Save Settings</button>
                 </div>
@@ -308,4 +314,4 @@ <h2>Settings</h2>
 <script async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
 <script type="module" src="main.js"></script>
 </body>
-</html>
+</html>