ALL ABOUT SHROUDED NATE

My Introduction to this webpage

Welcome to my world Shrouded Legion! This site's your front-row seat to all things me—dive into who I am, what I'm about, and the cool stuff I do! You'll find spicy gameplay screenshots, links to my buzzing social media, a countdown to my epic birthday bash, and even ways to join the squad as a mod on tons of platforms. Plus, there's more goodies to explore—just centred around your favourite creator! Ready to hang out?

My Favourite shorts so far

Follow my social medias

ShroudedNate

British Gamer

I upload funny shorts and clips.

ShroudedNate

Gaming Streamer

I stream once in a while.

Shrouded Nate

Instagram

Behind-the-scenes clips, reels, and updates. Follow for more content.

Shrouded Nate

X (Twitter)

Updates, announcements, and random thoughts. Follow for news and drops.

Shrouded Nate

TikTok

Short clips, highlights, and viral moments. Follow for daily content.

Shrouded Legion

Discord Server

Become a part of the best community out there, Shrouded Legion.

Join Our Server

Moderator Applications

Applications are currently not available to the public yet.
When they become available I will post the link here.
It will also be displayed within my Discord server.

My Birthday Countdown

Meeting the team

const nateCard = document.getElementById('shroudedNateCard'); nateCard.addEventListener('mousemove', (e) => { const rect = nateCard.getBoundingClientRect(); const x = e.clientX - rect.left; // x position within the card const y = e.clientY - rect.top; // y position within the card const centerX = rect.width / 2; const centerY = rect.height / 2; const rotateX = ((y - centerY) / centerY) * 15; // Max 15 deg rotation for stronger 3D const rotateY = ((x - centerX) / centerX) * 15; nateCard.style.transform = `rotateX(${-rotateX}deg) rotateY(${rotateY}deg)`; }); nateCard.addEventListener('mouseleave', () => { nateCard.style.transform = 'rotateX(0deg) rotateY(0deg)'; });

const torch = document.getElementById('minecraft-torch'); const flame = document.querySelector('.torch-flame'); /* Mouse tracking */ document.addEventListener('mousemove', (e) => { torch.style.left = e.clientX + 'px'; torch.style.top = e.clientY + 'px'; }); /* Click boost */ document.addEventListener('mousedown', (e) => { if (e.button === 0) flame.classList.add('active'); }); document.addEventListener('mouseup', (e) => { if (e.button === 0) { setTimeout(() => flame.classList.remove('active'), 150); } });

You Found The Easter Egg. Haha I wasted your time, Now refresh the screen

const button = document.getElementById('prank-button'); const overlay = document.getElementById('prank-overlay'); let clicks = 0; function moveButton() { const btnWidth = button.offsetWidth; const btnHeight = button.offsetHeight; // Random position anywhere in the viewport const top = Math.random() * (window.innerHeight - btnHeight); const left = Math.random() * (window.innerWidth - btnWidth); button.style.top = `${top}px`; button.style.left = `${left}px`; } // Initial random position moveButton(); button.addEventListener('click', () => { clicks++; // Reveal the button after the first click if (clicks === 1) { button.style.opacity = 1; } if(clicks < 20) { moveButton(); } else if (clicks === 20) { button.style.display = 'none'; overlay.style.display = 'flex'; } });

Livestream ENDING SHORTLY

Livestream Starting Shortly