Automated defense against referrer leaks. This script forces all outgoing links to drop the referrer header, keeping your users' origin private.
<script>
document.querySelectorAll('a[href^="http"]').forEach(link => {
link.setAttribute('rel', 'noopener noreferrer');
});
</script>
A tactical hover effect for headers. Replaces flashy animations with a subtle CRT-style glitch using hue-rotation and text-shadow.
.glitch-hover:hover {
text-shadow: 2px 0 #ff00ff, -2px 0 #00ffff;
filter: hue-rotate(90deg);
transition: 0.1s;
cursor: crosshair;
}
Simulates a real-time system log dump. Perfect for adding immersion to 'START' or 'SYSTEM' pages without using heavy GIFs.
function typeLog(elementId, message, speed) {
let i = 0;
const el = document.getElementById(elementId);
function type() {
if (i < message.length) {
el.innerHTML += message.charAt(i);
i++;
setTimeout(type, speed);
}
}
type();
}
Flexible guestbook layout using an iframe wrapper and a custom frame image. Minimalist and easy to deploy.
<div style="flex: 1; min-width: 350px;">
<div style="display: inline-grid; position: relative; width: 320px;">
<iframe
src="INSERT_LINK_HERE"
width="280"
height="535"
style="border: none; z-index: 1;">
</iframe>
<img src="FRAME_IMAGE_URL" style="pointer-events: none; z-index: 2;">
</div>
</div>
A simple localStorage-based counter for that classic 90s feel without needing a backend database.
<script>
let visits = localStorage.getItem('visitorCount');
if (visits === null) {
visits = 1;
} else {
visits = parseInt(visits) + 1;
}
localStorage.setItem('visitorCount', visits);
document.getElementById('count').innerHTML = visits.toString().padStart(6, '0');
</script>
<span id="count">000000</span>