From eeafe1b3d73e1781a03886e39d0ed822111c523f Mon Sep 17 00:00:00 2001
From: bogdankol <68349689+bogdankol@users.noreply.github.com>
Date: Thu, 11 Apr 2024 12:50:59 +0300
Subject: restyled all pages

---
 site/js/rive-animations.js | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 site/js/rive-animations.js

(limited to 'site/js/rive-animations.js')

diff --git a/site/js/rive-animations.js b/site/js/rive-animations.js
new file mode 100644
index 0000000..3d281d3
--- /dev/null
+++ b/site/js/rive-animations.js
@@ -0,0 +1,40 @@
+document.addEventListener('DOMContentLoaded', function (event) {
+	const canvas = document.getElementById('canvas')
+  if(event?.target?.body?.clientWidth > 575) {
+    const r = new rive.Rive({
+      src: '/img/banner-bubbles.riv',
+      canvas: document.getElementById('canvas'),
+      autoplay: true,
+      stateMachines: 'State Machine 1',
+      onLoad: () => {
+        r.resizeDrawingSurfaceToCanvas()
+      },
+    })
+
+    canvas.classList.add('canvas-present')
+  }
+
+	addEventListener('resize', (e) => {
+		if (!e?.currentTarget?.innerWidth) return
+
+		if (Number(e?.currentTarget?.innerWidth) > 575) {
+      if(canvas.classList.contains('canvas-present')) {
+        return
+      }
+      
+			canvas.classList.remove('not_visible')
+			canvas.classList.add('canvas-present')
+      const r = new rive.Rive({
+				src: '/img/banner-bubbles.riv',
+				canvas: document.getElementById('canvas'),
+				autoplay: true,
+				stateMachines: 'State Machine 1',
+				onLoad: () => {
+					r.resizeDrawingSurfaceToCanvas()
+				},
+			})
+		} else {
+			canvas.classList.add('not_visible')
+		}
+	})
+})
-- 
cgit v1.2.3