chore: refactors to volume pr #460 i forgot

whoops

examples/config.yaml

@@ -1,21 +1,48 @@
 anchor_to_edges: true
+position: bottom
+icon_theme: Paper
+start:
+- type: workspaces
+  all_monitors: false
+  name_map:
+    '1': 󰙯
+    '2': icon:firefox
+    '3': 
+    Games: icon:steam
+    Code: 
+- type: launcher
+  favorites:
+  - firefox
+  - discord
+  - steam
+  show_names: false
+  show_icons: true
+- type: label
+  label: 'random num: {{500:echo FIXME}}'
 end:
-- music_dir: /home/jake/Music
+- type: music
   player_type: mpd
+  music_dir: /home/jake/Music
   truncate:
-    max_length: 100
     mode: end
-  type: music
-- host: chloe:6600
+    max_length: 100
+- type: music
   player_type: mpd
+  host: chloe:6600
   truncate: end
-  type: music
-- cmd: /home/jake/bin/phone-battery
+- type: script
+  cmd: /home/jake/bin/phone-battery
   show_if:
     cmd: /home/jake/bin/phone-connected
     interval: 500
-  type: script
-- format:
+- type: sys_info
+  interval:
+    memory: 30
+    cpu: 1
+    temps: 5
+    disks: 300
+    networks: 3
+  format:
   -  {cpu_percent}% | {temp_c:k10temp_Tccd1}°C
   -  {memory_used} / {memory_total} GB ({memory_percent}%)
   - '| {swap_used} / {swap_total} GB ({swap_percent}%)'
@@ -23,65 +50,46 @@ end:
   - 󰓢 {net_down:enp39s0} / {net_up:enp39s0} Mbps
   - 󰖡 {load_average:1} | {load_average:5} | {load_average:15}
   - 󰥔 {uptime}
-  interval:
-    cpu: 1
-    disks: 300
-    memory: 30
-    networks: 3
-    temps: 5
-  type: sys_info
-- max_items: 3
+- type: volume
+  format: '{icon} {volume}%'
+  max_volume: 100
+  icons:
+    volume_high: 󰕾
+    volume_medium: 󰖀
+    volume_low: 󰕿
+    muted: 󰝟
+- type: clipboard
+  max_items: 3
   truncate:
-    length: 50
     mode: end
-  type: clipboard
-- bar:
-  - label: 
-    name: power-btn
-    on_click: popup:toggle
-    type: button
+    length: 50
+- type: custom
   class: power-menu
+  bar:
+  - type: button
+    name: power-btn
+    label: 
+    on_click: popup:toggle
   popup:
-  - orientation: vertical
-    type: box
+  - type: box
+    orientation: vertical
     widgets:
-    - label: Power menu
+    - type: label
       name: header
-      type: label
+      label: Power menu
     - type: box
       widgets:
-      - class: power-btn
+      - type: button
+        class: power-btn
         label: <span font-size='40pt'></span>
         on_click: '!shutdown now'
-        type: button
-      - class: power-btn
+      - type: button
+        class: power-btn
         label: <span font-size='40pt'></span>
         on_click: '!reboot'
-        type: button
-    - label: 'Uptime: {{30000:uptime -p | cut -d '' '' -f2-}}'
+    - type: label
       name: uptime
-      type: label
+      label: 'Uptime: {{30000:uptime -p | cut -d '' '' -f2-}}'
   tooltip: 'Up: {{30000:uptime -p | cut -d '' '' -f2-}}'
-  type: custom
 - type: clock
-icon_theme: Paper
-position: bottom
-start:
-- all_monitors: false
-  name_map:
-    '1': 󰙯
-    '2': icon:firefox
-    '3': 
-    Code: 
-    Games: icon:steam
-  type: workspaces
-- favorites:
-  - firefox
-  - discord
-  - steam
-  show_icons: true
-  show_names: false
-  type: launcher
-- label: 'random num: {{500:echo FIXME}}'
-  type: label