Add another sheep vibing to... Despacito

Author: SheepTester

src/index.coffee

@@ -291,6 +291,12 @@ $ document
       .text title
   setInterval tick, 1000
 
+  # Despacito BPM
+  PERIOD = 60000 / 89
   do paint = ->
     do renderCurrentTime
+
+    t = (do Date.now * Math.PI / PERIOD)
+    $ '#vibing'
+    .css 'transform', "skewX(#{(Math.cbrt Math.cos t) * 5}deg) scaleY(#{1 - (Math.sin t) ** 20 / 8})"
     window.requestAnimationFrame paint

src/index.pug

@@ -17,6 +17,8 @@ html(lang="en")
     p#status
     div#days
 
+    img(src="./vibing.svg" alt="vibing sheep")#vibing
+
     h2 About
     p.
       thsi is open source on #[a.link(href="https://github.com/SheepTester/uxdy") Github]

src/styles.sass

@@ -96,5 +96,13 @@ button
   right: 0
   z-index: -1
 
+#vibing
+  position: fixed
+  top: 0
+  right: 0
+  z-index: -1
+  width: 150px
+  transform-origin: bottom
+
 .hidden
   display: none