~clock text animations~

2025-12-05 02:12:00 +01:00
parent 5718d311e9
commit dad3fa6bbf
3 changed files with 125 additions and 20 deletions
@@ -0,0 +1,95 @@
+import Quickshell
+import QtQuick
+import QtQuick.Layouts
+import qs.Modules
+import qs.Components
+import qs.Config
+
+RowLayout {
+	id: root
+
+	property list<string> time: Time.longTime.split("")
+
+	CustomText {
+		Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+		animate: true
+
+		text: root.time[0]
+		font.pixelSize: 64
+		font.weight: Font.Normal
+		font.letterSpacing: 0.5
+		color: DynamicColors.palette.m3onSurface
+	}
+	CustomText {
+		Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+		animate: true
+
+		text: root.time[1]
+		font.pixelSize: 64
+		font.weight: Font.Normal
+		font.letterSpacing: 0.5
+		color: DynamicColors.palette.m3onSurface
+	}
+	CustomText {
+		Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+		Layout.bottomMargin: 8
+		animate: true
+
+		text: root.time[2]
+		font.pixelSize: 64
+		font.weight: Font.Normal
+		font.letterSpacing: 0.5
+		color: DynamicColors.palette.m3onSurface
+	}
+	CustomText {
+		Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+		animate: true
+
+		text: root.time[3]
+		font.pixelSize: 64
+		font.weight: Font.Normal
+		font.letterSpacing: 0.5
+		color: DynamicColors.palette.m3onSurface
+	}
+	CustomText {
+		Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+		animate: true
+
+		text: root.time[4]
+		font.pixelSize: 64
+		font.weight: Font.Normal
+		font.letterSpacing: 0.5
+		color: DynamicColors.palette.m3onSurface
+	}
+	CustomText {
+		Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+		Layout.bottomMargin: 8
+		animate: true
+
+		text: root.time[5]
+		font.pixelSize: 64
+		font.weight: Font.Normal
+		font.letterSpacing: 0.5
+		color: DynamicColors.palette.m3onSurface
+	}
+	CustomText {
+		Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+		animate: true
+
+		text: root.time[6]
+		font.pixelSize: 64
+		font.weight: Font.Normal
+		font.letterSpacing: 0.5
+		color: DynamicColors.palette.m3onSurface
+	}
+	CustomText {
+		Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+		animate: true
+
+		text: root.time[7]
+		font.pixelSize: 64
+		font.weight: Font.Normal
+		font.letterSpacing: 0.5
+		color: DynamicColors.palette.m3onSurface
+	}
+}