A FIGURE CAN BE SEEN APPROACHING OVER THE HORIZON.

THE LONE HERO HAS RETURNED!

WITH HOLY GAUNTLET IN HAND.

THE ERA OF DARKNESS IS OVER

THE AGE OF LORD MALCOLM, THE FIRST EARL, HAS BEGUN!

The young and noble hero has returned. We no longer have to bare with the absence of the Holy Gauntlet. Young Malcolm has been given the title of Lord and First Earl. He has also been given ownership of a small hamlet near the northern border.
Lord Malcolm, First Earl of The Chillin' Kingdom, is a gracious lord and has decided to share the gauntlet with everyone!

Place this between the 'head' '/head' tags in your HTML file. Just insert path to your cursor image. You can even use two different images for the cursor and trail!

<script>
	document.addEventListener('DOMContentLoaded', () => {
	document.documentElement.style.cursor = "url('images/cursor_shiny.png') 0 0, auto"; //cursor image goes here

const SEGMENTS = 30;  // change segments for... segments and speed to change delay of trail. lower = slower. higher = faster
	const speed = 0.50;   // If you notice lag, try turning down segments and speed unc sorry but you gotta make compromises
	const cursorOffset = 1;
	let mouseX = window.innerWidth / 2;
	let mouseY = window.innerHeight / 2;
	let px = mouseX + cursorOffset;
	let py = mouseY + cursorOffset;

document.addEventListener('pointermove', (e) => {
		mouseX = e.clientX;
		mouseY = e.clientY;
	});

function animateSnake() {
		let x = mouseX + cursorOffset;
		let y = mouseY + cursorOffset;

for (let i = 0; i < trail.length; i++) {
			const segment = trail[i];
			segment.x += (x - segment.x) * speed;
			segment.y += (y - segment.y) * speed;

segment.el.style.left = `${segment.x}px`;
			segment.el.style.top = `${segment.y}px`;
			segment.el.style.transform = `scale(${1 - i / (trail.length * 1.2)})`;
			segment.el.style.opacity = `${Math.max(0.04, 1 - i / trail.length)}`;

x = segment.x;
			y = segment.y;
		}

requestAnimationFrame(animateSnake);
	}

requestAnimationFrame(animateSnake);
	});
</script>

A FIGURE CAN BE SEEN APPROACHING OVER THE HORIZON. THE LONE HERO HAS RETURNED! WITH HOLY GAUNTLET IN HAND. THE ERA OF DARKNESS IS OVER THE AGE OF LORD MALCOLM, THE FIRST EARL, HAS BEGUN!

A FIGURE CAN BE SEEN APPROACHING OVER THE HORIZON.

THE LONE HERO HAS RETURNED!

WITH HOLY GAUNTLET IN HAND.

THE ERA OF DARKNESS IS OVER

THE AGE OF LORD MALCOLM, THE FIRST EARL, HAS BEGUN!