added a volume widget

eww/widgets/volume.scss

@@ -0,0 +1,11 @@
+.sourcevol{
+  background: steelblue;
+  color: black;
+}
+.sinkvol{
+  background: slateblue;
+  color: black;
+}
+.muted{
+  background: tomato;
+}

eww/widgets/volume.yuck

@@ -0,0 +1,17 @@
+(defpoll sourcevol :interval "1s" `wpctl get-volume @DEFAULT_SOURCE@ | awk -F ' ' '{print $2}'`)
+(defpoll sourcemute :interval "1s" `wpctl get-volume @DEFAULT_SOURCE@ | awk -F ' ' '{print $3}'`)
+(defpoll sinkvol :interval "1s" `wpctl get-volume @DEFAULT_SINK@ | awk -F ' ' '{print $2}'`)
+(defpoll sinkmute :interval "1s" `wpctl get-volume @DEFAULT_SINK@ | awk -F ' ' '{print $3}'`)
+
+(defwidget volume []
+ (box
+   :space-evenly false
+   :spacing 3
+   (eventbox
+     :class "sourcevol${sourcemute == "[MUTED]" ? " muted" : ""}"
+     :onclick "wpctl set-mute @DEFAULT_SOURCE@ toggle"
+     (label :text "${sourcemute == "[MUTED]" ? "󰍭" : "󰍬"}  ${sourcevol}"))
+   (eventbox  
+     :class "sinkvol${sinkmute == "[MUTED]" ? " muted" : ""}"
+     :onclick "wpctl set-mute @DEFAULT_SINK@ toggle"
+     (label :text "${sinkmute == "[MUTED]" ? "󰟎" : "󰋋"}  ${sinkvol}"))))