enable ghosty cursor

Amolith created 2 years ago

Change summary

static/js/ghostCursor.js                     | 13 +++++++++++++
themes/secluded/layouts/_default/baseof.html |  5 +++++
themes/secluded/layouts/partials/head.html   |  3 +++
3 files changed, 21 insertions(+)

Detailed changes

static/js/ghostCursor.js 🔗

@@ -0,0 +1,80 @@
+var cursoreffects = function(e) {
+    "use strict";
+    return e.ghostCursor = function(e) {
+        let t, i, n, o = e && e.element,
+            s = o || document.body,
+            h = window.innerWidth,
+            c = window.innerHeight,
+            l = {
+                x: h / 2,
+                y: h / 2
+            },
+            d = [],
+            r = new Image;

themes/secluded/layouts/_default/baseof.html 🔗

@@ -8,4 +8,9 @@
         </div>
         {{ partial "footer.html" . -}}
     </body>
+    <script>
+    window.addEventListener("load", (event) => {
+        new cursoreffects.ghostCursor();
+    });
+    </script>
 </html>

themes/secluded/layouts/partials/head.html 🔗

@@ -48,4 +48,7 @@
 
     <!-- Self-hosted analytics -->
     <script async defer data-website-id="a790c0da-a30d-4224-909a-0ac50eaad3b6" data-do-not-track="true" src="https://umami.secluded.site/script.js"></script>
+
+    <!-- Funny cursor -->
+    <script async src="/js/ghostCursor.js"></script>
 </head>