@@ -40,6 +40,19 @@ "battery": "",
     "headphones": "",
     "mewi": "",
   }
+  property var battery: {
+    "10": "󰁺",
+    "20": "󰁻",
+    "30": "󰁼",
+    "40": "󰁽",
+    "50": "󰁾",
+    "60": "󰁿",
+    "70": "󰂀",
+    "80": "󰂁",
+    "90": "󰂂",
+    "100": "󰁹",
+
+  }
 }
 
 

@@ -21,5 +21,7 @@ - low battery notification
   - app launcher
   - bluetooth launcher
   - Lock screen?
+  - lock/sleep/power off screen?
+  - wifi?
 
 ---consider packaging moon-phases for the AUR so you don't have to put all the things in your PATH?

@@ -0,0 +1,32 @@
+import QtQuick
+import Quickshell
+
+PanelWindow {
+  id: root
+  width: 32
+  height: 32
+  visible: true
+  color: "black"
+  anchors {
+    right: true
+    bottom: true
+  }
+  SpriteSequence {
+    id: anim
+    anchors.centerIn: parent
+    width: 64
+    height: 64
+    running: true
+    interpolate: false
+
+    Sprite {
+      name: "idle"
+      source: "WhiteCatRun.png"
+      frameCount: 6
+      frameWidth: 32
+      frameHeight: 32
+      frameRate: 12
+    }
+  }
+}
+

@@ -0,0 +1,27 @@
+import QtQuick
+import Quickshell
+
+Rectangle {
+  width: 200
+  height: 200
+  color: "black"
+
+  SpriteSequence {
+    id: anim
+    anchors.centerIn: parent
+    width: 64                // frame width
+    height: 64               // frame height
+    running: true
+    interpolate: false
+
+    Sprite {
+      name: "idle"
+      source: "anim.png"   // your spritesheet
+      frameCount: 6        // total number of frames
+      frameWidth: 64       // single frame size
+      frameHeight: 64
+      frameRate: 12        // frames per second
+    }
+  }
+}
+

@@ -0,0 +1,32 @@
+import QtQuick
+import Quickshell
+
+PanelWindow {
+  id: root
+  width: 32
+  height: 32
+  visible: true
+  color: "black"
+  anchors {
+    right: true
+    bottom: true
+  }
+  SpriteSequence {
+    id: anim
+    anchors.centerIn: parent
+    width: 64
+    height: 64
+    running: true
+    interpolate: false
+
+    Sprite {
+      name: "idle"
+      source: "WhiteCatRun.png"
+      frameCount: 6
+      frameWidth: 32
+      frameHeight: 32
+      frameRate: 12
+    }
+  }
+}
+

@@ -0,0 +1,23 @@
+import QtQuick
+import Quickshell
+import Quickshell.Services.Pam
+import Quickshell.Wayland
+import QtQuick.Controls
+
+WlSessionLock {
+  id: lock
+
+  WlSessionLockSurface {
+    color: "black"
+    AnimationTest{
+      Button {
+        text: "unlock me"
+        onClicked: lock.locked = false
+      }
+    }
+  }
+}
+
+
+
+

@@ -0,0 +1,15 @@
+import QtQuick
+import Quickshell
+import Quickshell.Services.Pam
+import Quickshell.Wayland
+import QtQuick.Controls
+
+PanelWindow {
+  Rectangle {
+    height:200
+    width:200
+    Button {
+      onClicked: Lock.lock.locked=true
+    }
+  }
+}

@@ -0,0 +1,4 @@
+import QtQuick
+import Quickshell
+import Quickshell.Services.Pam
+import Quickshell.Wayland

@@ -0,0 +1,14 @@
+import QtQuick
+import Quickshell
+import Quickshell.Services.Pam
+import Quickshell.Wayland
+import QtQuick.Controls
+
+WlSessionLockSurface {
+
+  AnimationTest {
+    Button {
+      onClicked: Lock.lock.locked = true
+    }
+  }
+}

@@ -0,0 +1,5 @@
+import QtQuick
+import Quickshell
+import Quickshell.Services.Pam
+
+

@@ -5,6 +5,8 @@ import Quickshell.Io
 import QtQuick
 import ".."
 import "bar"
+import "animation"
+import "lockscreen"
 
 Scope {
   FontLoader {
@@ -20,4 +22,8 @@ id: font_notosans
     source: "fonts/NotoSansMono-Thin.ttf"
   }
   Bar {}
+  // AnimationTest{}
+  // Surface{}
+  // Lock{}
+  // LockButton{}
 }