add a widget clock of my desktop
This commit is contained in:
parent
0f50e3f61c
commit
52de172503
4 changed files with 140 additions and 0 deletions
51
dotconfig/eww/analog_clock/clock.scss
Normal file
51
dotconfig/eww/analog_clock/clock.scss
Normal file
|
@ -0,0 +1,51 @@
|
||||||
|
|
||||||
|
.clock {
|
||||||
|
border-radius: 31px;
|
||||||
|
background: rgba(40,40,40,0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.analog-clock {
|
||||||
|
padding: 2rem;
|
||||||
|
background: #282828;
|
||||||
|
border-radius: 100%;
|
||||||
|
border: 7px solid #282828;
|
||||||
|
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5),
|
||||||
|
inset -4px -4px 10px rgba(67,67,67,0.5),
|
||||||
|
4px 4px 10px rgba(0,0,0,0.3);
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.time-container {
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time-first {
|
||||||
|
padding: 10px;
|
||||||
|
background: rgba(20,20,20,0.7);
|
||||||
|
border-radius: 10px;
|
||||||
|
color: #00FFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time {
|
||||||
|
padding: 10px;
|
||||||
|
margin-left: 5px;
|
||||||
|
background: rgba(20,20,20,0.7);
|
||||||
|
border-radius: 10px;
|
||||||
|
color: #00FFFF;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
padding: 10px;
|
||||||
|
margin: 5px 20px;
|
||||||
|
background: rgba(20,20,20,0.7);
|
||||||
|
border-radius: 10px;
|
||||||
|
color: #00FFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
87
dotconfig/eww/analog_clock/clock.yuck
Normal file
87
dotconfig/eww/analog_clock/clock.yuck
Normal file
|
@ -0,0 +1,87 @@
|
||||||
|
|
||||||
|
|
||||||
|
(defpoll hours
|
||||||
|
:interval "1s"
|
||||||
|
:initial "00"
|
||||||
|
`date +%I`)
|
||||||
|
|
||||||
|
|
||||||
|
(defpoll minutes
|
||||||
|
:interval "1s"
|
||||||
|
:initial "00"
|
||||||
|
`date +%M`)
|
||||||
|
|
||||||
|
|
||||||
|
(defpoll seconds
|
||||||
|
:interval "1s"
|
||||||
|
:initial "00"
|
||||||
|
`date +%S`)
|
||||||
|
|
||||||
|
|
||||||
|
(defpoll ampm
|
||||||
|
:interval "1s"
|
||||||
|
:initial "00"
|
||||||
|
`date +%p`)
|
||||||
|
|
||||||
|
(defpoll date
|
||||||
|
:interval "1s"
|
||||||
|
:initial "1970-01-01"
|
||||||
|
`date +%Y-%m-%d`)
|
||||||
|
|
||||||
|
|
||||||
|
(defwidget clock []
|
||||||
|
(box :vexpand false :hexpand false
|
||||||
|
:width 155
|
||||||
|
:height 155
|
||||||
|
:space-evenly false
|
||||||
|
(box :width 155 :height 155 :class "analog-clock")
|
||||||
|
(box
|
||||||
|
:height 155
|
||||||
|
:width 200
|
||||||
|
:class "numerical-clock"
|
||||||
|
:orientation "v"
|
||||||
|
:space-evenly false
|
||||||
|
(box
|
||||||
|
:class "time-container"
|
||||||
|
(box
|
||||||
|
:class "time-first"
|
||||||
|
(label :text hours)
|
||||||
|
)
|
||||||
|
(box
|
||||||
|
:class "time"
|
||||||
|
(label :text minutes)
|
||||||
|
)
|
||||||
|
(box
|
||||||
|
:class "time"
|
||||||
|
(label :text seconds)
|
||||||
|
)
|
||||||
|
(box
|
||||||
|
:class "time"
|
||||||
|
(label :text ampm)
|
||||||
|
)
|
||||||
|
)
|
||||||
|
(box
|
||||||
|
:class "date"
|
||||||
|
(label :text " ${date}")
|
||||||
|
)
|
||||||
|
)
|
||||||
|
))
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
(defwindow clock
|
||||||
|
:monitor 0
|
||||||
|
:geometry (geometry
|
||||||
|
:x "12%"
|
||||||
|
:y "10%"
|
||||||
|
:width "150px"
|
||||||
|
:height "150px"
|
||||||
|
:anchor "bottom left")
|
||||||
|
:stacking "bg"
|
||||||
|
:exclusive true
|
||||||
|
:focusable false
|
||||||
|
:namespaces "widget_clock"
|
||||||
|
(clock))
|
||||||
|
|
||||||
|
|
1
dotconfig/eww/eww.scss
Normal file
1
dotconfig/eww/eww.scss
Normal file
|
@ -0,0 +1 @@
|
||||||
|
@import "analog_clock/clock.scss"
|
1
dotconfig/eww/eww.yuck
Normal file
1
dotconfig/eww/eww.yuck
Normal file
|
@ -0,0 +1 @@
|
||||||
|
(include "./analog_clock/clock.yuck")
|
Loading…
Reference in a new issue