Remove commented-out code

public/scripts/extensions/audio/index.js

@@ -1,5 +1,3 @@
-// / <reference path=""/>
-
 /*
 Ideas:
  - Clean design of new ui

public/scripts/extensions/audio/style.css

@@ -5,31 +5,12 @@
 .audio-mixer-div {
     display: flex;
     flex-direction: row;
-    /* align-items: center; */
-    /* justify-content: center; */
     padding: 5px;
     background-color: rgba(38, 38, 38, 0.5);
     border: 1px rgb(75, 75, 75) solid;
     border-radius: 10px;
 }
 
-/* .audio-mixer-element {
-    height: 60px;
-    float: left;
-    margin-right: 10px;
-    label {
-        text-align: top;
-    }
-    input {
-        margin-top: 15px;
-    }
-    select {
-        margin-top: 5px;
-        padding: 5px;
-        width: 100%;
-    }
-} */
-
 .audio-label {
     display: block;
     text-align: center;
@@ -43,19 +24,16 @@
 }
 
 .audio-lock-button {
-    padding: 1rem;
     width: 100%;
     height: 2em;
 }
 
 .audio-random-button {
-    padding: 1rem;
     width: 100%;
     height: 2em;
 }
 
 .audio-mute-button {
-    padding: 1rem;
     width: 100%;
     height: 2em;
 }
@@ -78,14 +56,6 @@
     width: 10%;
 }
 
-/* .audio-mixer-volume {
-    width: 25%;
-} */
-
-/* .audio-mixer-playlist {
-    width: 45%;
-} */
-
 .audio-mixer-lock {
     width: 10%;
 }
@@ -94,34 +64,29 @@
     width: 10%;
 }
 
-/* FIX */
-
-/* .audio-container {
-
-} */
-
-/* .audio-container .flex { */
-
-/* } */
 .audio-container {
     display: flex;
     gap: 10px;
     align-items: center;
 }
-.audio-container > .vol {
+
+.audio-container>.vol {
     width: 100px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
-.audio-container > .vol > input {
+
+.audio-container>.vol>input {
     width: 100%;
 }
-.audio-container > .playlist {
+
+.audio-container>.playlist {
     flex-grow: 1;
 }
-.audio-container > .playlist > select {
+
+.audio-container>.playlist>select {
     height: 100%;
     margin: 0 !important;
 }

public/scripts/extensions/audio/window.html

@@ -16,14 +16,6 @@
                         <small>Enable expression BGM switch (req. character expression)</small>
                     </label>
                 </div>
-                <!--
-                <div id="audio_ambient_dynamic_enable_div">
-                    <label class="checkbox_label" for="audio_dynamic_ambient_enabled">
-                        <input type="checkbox" id="audio_dynamic_ambient_enabled" name="audio_dynamic_ambient_enabled">
-                        <small>Enable ambient background switch (req. chat background)</small>
-                    </label>
-                </div>
-                -->
                 <div id="audio_debug_div">
                     <label class="checkbox_label" for="audio_debug">
                         <input type="checkbox" id="audio_debug" name="audio_debug">
@@ -42,30 +34,25 @@
                     <label for="audio_bgm_volume_slider">Music</label>
                     <div class="audio-mixer-div audio-container">
                         <div class="audio-mixer-element audio-mixer-mute">
-                            <!-- <label for="audio_bgm_lock" class="audio-label">Mute</label> -->
                             <div id="audio_bgm_mute" class="menu_button audio-mute-button">
-                                <i class="fa-solid fa-volume-high fa-lg" id="audio_bgm_mute_icon"></i>
+                                <i class="fa-solid fa-volume-high fa-lg fa-fw" id="audio_bgm_mute_icon"></i>
                             </div>
                         </div>
                         <div class="audio-mixer-element vol audio-mixer-volume">
-                            <!-- <label for="audio_bgm_lock" class="audio-label">Vol <span id="audio_bgm_volume"></span></label> -->
                             <input type="range" class ="audio-slider" id ="audio_bgm_volume_slider" value = "0" maxlength ="100">
                         </div>
                         <div class="audio-mixer-element playlist audio-mixer-playlist">
-                            <!-- <label for="audio_bgm_lock" class="audio-label">Playlist</label> -->
                             <select id="audio_bgm_select">
                             </select>
                         </div>
                         <div class="audio-mixer-element audio-mixer-lock">
-                            <!-- <label for="audio_bgm_lock" class="audio-label">Loop</label> -->
                             <div id="audio_bgm_lock" class="menu_button audio-lock-button">
-                                <i class="fa-solid fa-repeat fa-lg" id="audio_bgm_lock_icon"></i>
+                                <i class="fa-solid fa-repeat fa-lg fa-fw" id="audio_bgm_lock_icon"></i>
                             </div>
                         </div>
                         <div class="audio-mixer-element audio-mixer-random">
-                            <!-- <label for="audio_bgm_random" class="audio-label">Roll</label> -->
                             <div id="audio_bgm_random" class="menu_button audio-random-button">
-                                <i class="fa-solid fa-random fa-lg" id="audio_bgm_random_icon"></i>
+                                <i class="fa-solid fa-random fa-lg fa-fw" id="audio_bgm_random_icon"></i>
                             </div>
                         </div>
                     </div>
@@ -75,24 +62,20 @@
                     <label for="audio_ambient_volume_slider">Ambient</label>
                     <div class="audio-mixer-div audio-container">
                         <div class="audio-mixer-element audio-mixer-mute">
-                            <!-- <label for="audio_ambient_lock" class="audio-label">Mute</label> -->
                             <div id="audio_ambient_mute" class="menu_button audio-mute-button">
-                                <i class="fa-solid fa-volume-high fa-lg" id="audio_ambient_mute_icon"></i>
+                                <i class="fa-solid fa-volume-high fa-lg fa-fw" id="audio_ambient_mute_icon"></i>
                             </div>
                         </div>
                         <div class="audio-mixer-element vol audio-mixer-volume">
-                            <!-- <label for="audio_ambient_lock" class="audio-label">Vol <span id="audio_ambient_volume"></span></label> -->
                             <input type="range" class ="audio-slider" id ="audio_ambient_volume_slider" value = "0" maxlength ="100">
                         </div>
                         <div class="audio-mixer-element playlist audio-mixer-playlist">
-                            <!-- <label for="audio_ambient_lock" class="audio-label">Playlist</label> -->
                             <select id="audio_ambient_select">
                             </select>
                         </div>
                         <div class="audio-mixer-element">
-                            <!-- <label for="audio_ambient_lock audio-mixer-lock" class="audio-label">Lock</label> -->
                             <div id="audio_ambient_lock" class="menu_button audio-lock-button">
-                                <i class="fa-solid fa-lock-open fa-lg" id="audio_ambient_lock_icon"></i>
+                                <i class="fa-solid fa-lock-open fa-lg fa-fw" id="audio_ambient_lock_icon"></i>
                             </div>
                         </div>
                     </div>
@@ -112,9 +95,9 @@
                     Create a folder name <b>bgm</b> inside of it.
                     Put bgm music with expressions there. File names should follow the pattern:
                     <it>[expression_label]_[number].mp3</it>
-                    By default one of the <it>neutral_[number].mp3</it> will play if classify module is not active. 
+                    By default one of the <it>neutral_[number].mp3</it> will play if classify module is not active.
                 </i>
             </div>
         </div>
     </div>
-</div>
+</div>