<!-- === WHAT THE FUCK ARE YOU DOING HERE?! === -->
<!-- === buddy u are not sneaky === -->
<!-- === hello CODE SNOOPER caught ya lookin at my code, naughty naughty *shakes head* (jk idc at all go ahead lmao I get it just dont copy the entire thing and be like "hey I made my own original website by myself" === -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>leeolaaj official website :3</title>
<meta name="description" content="leeolaj offical website!! THIS PAGE CONSISTS OF BRIGHT COLORS, MY INTERESTS, AJ PHANTOMS, BLINKIES, RAINBOW ELEMENTS, FUN, DARKNESS, PAGES IM WORKING ON, AND WAY MORE! THIS PAGE IS A WIP ">
<meta name="keywords" content="leeolaaj, leeola, leeola aj, fun, indieweb, animal jam phantoms, urmom, personal, brightly colored" />
<link rel="icon" href="leeolaaj.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<meta name="google-site-verification" content="DZVN57MM6qTNU6eNdMeAVhUEUPcf-VzTYpb5z9gZzqw">
</head>
<body>
<noscript>
I can see you have no javascript..... how mean....
</noscript>
<style>
body {
font-family: Arial, Calibri, sans-serif;
font-size: 16px;
background-color: #000000;
background-image: url('https://files.catbox.moe/uojs64.gif');
background-repeat: repeat;
background-size: auto;
color: white;
margin: 0;
padding: 0;
}
h1 {
font-family: Papyrus, "Arial Black", sans-serif;
color: white;
font-size: 25px;
margin: 0;
}
h2 {
font-family: 'minecraft', Georgia, serif;
}
h3, h4 {
margin: 0;
}
h4 {
font-family: 'digital7', "Arial Black", sans-serif;
font-size: 50px;
margin-top: 100px;
}
p {
color: purple;
margin: 10px 0;
}
.rainbow-text-animated {
background-image: linear-gradient(to right, #ff2a2a, #ff7a2a, #ffc52a, #4eff2a, #2a76ff, #992aff, #ff2a2a);
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
animation: rainbow-animation 3s linear infinite;
}
@keyframes rainbow-animation {
0% {
background-position: 0% center;
}
100% {
background-position: 200% center;
}
}
.scroll-container {
width: 100%;
overflow: hidden;
white-space: nowrap;
margin-bottom: 1em;
}
.scroll-text {
display: inline-flex;
animation: scroll-seamless 20s linear infinite;
}
.scroll-text h1 {
padding-right: 2rem;
white-space: nowrap;
}
@keyframes scroll-seamless {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.scroll-container:hover .scroll-text {
animation-play-state: paused;
}
.nav-icon {
width: 150px;
height: 75px;
background-size: cover;
background-position: center;
display: inline-block;
margin-right: 0px;
transition: background-image 0.2s ease-in-out;
}
.blinkies {
top: 160px;
display: inline-block;
margin-right: 0px;
}
.blinkies img {
height: 75px;
}
.bottom {
position: relative;
top: 80px;
display: inline-block;
margin-right: 0px;
}
.nav-announcements {
background-image: url('announceitall.jpg');
width: 150px;
height: 80px;
}
.nav-announcements:hover {
background-image: url('announce.gif');
width: 170px;
height: 95px;
}
.nav-about {
background-image: url('abtme.jpg');
width: 150px;
height: 80px;
}
.nav-about:hover {
background-image: url('abtme.gif');
width: 170px;
height: 95px;
}
.nav-things {
background-image: url('interests.jpg');
width: 150px;
height: 80px;
}
.nav-things:hover {
background-image: url('interests.gif');
width: 170px;
height: 95px;
}
.nav-ass {
background-image: url('socials.jpg');
width: 150px;
height: 80px;;
}
.nav-ass:hover {
background-image: url('socials.gif');
width: 170px;
height: 95px;
}
.nav-comingsoon {
background-image: url('credits.jpg');
width: 150px;
height: 80px;
}
.nav-comingsoon:hover {
background-image: url('credits.jpg');
width: 170px;
height: 95px;
}
.time {
position: absolute;
top: 8px;
right: 10px;
color: white;
font-size: 14px;
}
#countdown {
margin-top: 10px;
font-size: 32px;
font-family: 'minecraft', monospace;
color: white;
text-align: center;
margin-right: 1000px;
margin-left: -600px;
}
#eye {
position: relative;
margin-right: 1000px;
bottom: 0px;
}
#status {
position: absolute;
bottom: 100px;
}
@font-face {
font-family: 'digitaldelivery';
src: url('digitaldelivery.woff2') format('woff2'),
url('digitaldelivery.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tikiisland';
src: url('font.woff2') format('woff2'),
url('font.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dimbo';
src: url('dimbo.woff2') format('woff2'),
url('dimbo.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'minecraft';
src: url('Minecraft.woff2') format('woff2'),
url('Minecraft.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'digital7';
src: url('digital-7.woff2') format('woff2'),
url('digital-7.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.rating {
position: absolute;
margin-top: 160px;
margin-right: 0px;
margin-left: 325px;
}
.spinning {
transform-origin: center center;
animation: spin 3.6s ease-in-out infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
20% {
transform: rotate(10deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
}
#mutebutton {
display: flex;
justify-content: flex-end;
position: absolute;
align-content: right;
}
.button-container {
display: flex;
justify-content: flex-end;
width: 100%;
}
#message {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
background: red;
color: black;
padding: 10px 20px;
font-size: 18px;
border-radius: 5px;
display: none;
z-index: 1000;
}
.dvdstamp {
position: absolute;
top: 60%;
right: 0;
transform: translateY(40%);
z-index: 9999;
pointer-events: auto;
width: 300px;
height: auto;
}
.bgsection {
position: absolute;
top: 100%;
right: 350px;
transform: translateY(-80%);
z-index: 20;
pointer-events: auto;
width: 300px;
height: auto;
}
.bgsection img {
width: 200px;
height: auto;
}
</style>
<div id="message"> WARNING: THIS WEBSITE CONTAINS (mild) FLASHING LIGHTS (you wont get this message again dw) </div>
<script>
// check local storage
if (!localStorage.getItem('hasVisited')) {
const message = document.getElementById('message');
message.style.display = 'block';
// 3 sec flash warning
setTimeout(() => {
message.style.display = 'none';
}, 3000);
localStorage.setItem('hasVisited', 'true');
}
</script>
<div class="button-container">
<button id="mutebutton">Mute</button>
</div>
<div class="scroll-container">
<div class="scroll-text">
<h1 class="rainbow-text-animated">
<strong>hello I am Leeolaaj and this is my official silly little page you can look at!! :P</strong>
</h1>
<h1 class="rainbow-text-animated">
<strong>hello I am Leeolaaj and this is my official silly little page you can look at!! :P</strong>
</h1>
</div>
</div>
<p>
<a href="announcements.html" class="nav-icon nav-announcements" aria-label="Announcements"></a>
<a href="aboutme.html" class="nav-icon nav-about" aria-label="About Me"></a>
<a href="thingsIlike.html" class="nav-icon nav-things" aria-label="Things I Like"></a>
<a href="socialmedias.html" class="nav-icon nav-ass" aria-label="Socials"></a>
<a href="credits.html" class="nav-icon nav-comingsoon" aria-label="Credits"></a>
</p>
<img src="phantomzrule.webp" class="blinkies" alt="phantom" width="150px"/>
<a href="https://mlp.fandom.com/wiki/Pinkie_Pie">
<img src="pink.gif" class="blinkies" alt="Pinkie Pie"/>
</a>
<img src="sum.webp" class="blinkies" alt="sum41"/>
<img src="https://leeolaaj.neocities.org/%3F%3F.webp" class="blinkies" alt="sum41"/>
<img src="abro.webp" class="blinkies" alt="abro"/>
<img src="wip.gif" class="blinkies" alt="wip"/>
<a href="https://www.animaljam.com/en/terms_of_service">
<img src="animaljamblinkie.webp" class="blinkies" alt="aj"/>
<img src="coding.gif" class="blinkies" alt="coding"/>
</a>
<img src="web.gif" class="blinkies" alt="web"/>
<img src="norm.gif" class="blinkies" alt="normal"/>
<img src="bio.gif" class="blinkies" alt="normal"/>
<img src="beltblinkie.gif" class="blinkies" alt="normal"/>
<img src="off.gif" class="blinkies" alt="HELP" width=100px />
<a href="https://neocities.org/site/leeolaaj">
<img src="live.gif" class="blinkies" alt="Neocities"/>
</a>
<a href="https://kevinspencer.fandom.com/wiki/Anastasia_Spencer">
<img src="annieblinkie.webp" class="blinkies" alt="COOLWOMAN"/>
</a>
<a href="https://web.archive.org/web/20250201095007/https://www.zombo.com/">
<img src="2blink182.gif" class="blinkies" alt="blink"/>
</a>
<a href="https://web.archive.org/web/20250201095007/https://www.zombo.com/">
<img src="ajdarkside.webp" class="blinkies" alt="TAKEMETHROUGHTHENIGHTFALLINTOTHEDARKSIDE"/>
</a>
<a href="https://web.archive.org/web/20250201095007/https://www.zombo.com/">
<img src="beltblinkie.gif" class="blinkies" alt="studs"/>
</a>
<a href="https://web.archive.org/web/20250201095007/https://www.zombo.com/">
<img src="linkinpark.gif" class="blinkies" alt="park"/>
</a>
<a href="https://web.archive.org/web/20250201095007/https://www.zombo.com/">
<img src="cosmicbrownies.webp" class="blinkies" alt="brownies"/>
<img src="emomusic.webp" class="blinkies" alt="emo music"/>
</a>
<!-- === changed link to web archive version instead of just the website bc the page got like bought or some shit and completely changed === -->
<!-- accidentally put this in bottom section at first instead of blinkies section -->
<a href='rainbow.html'>
<img src="norainnorainbows.gif" class="blinkies" alt="rainbows"/>
</a>
<a href='rainbow.html'>
<img src="2020.png" class="blinkies" alt="2020"/>
</a>
<!-- dude wtf do u mean babies BORN during covid are SIX?!?! EXCUSE ME?!?! THAT MEANS THEY ARE LEARNING TO READ?!?! -->
<img src="real.gif" class="blinkies" alt="real"/>
<br>
<img id="eye" src="eye.gif" width="100" height="62" alt="Eyeanim"/>
<h2 id="randomcolor">
CLICK THE ICONS TO NAVIGATE
</h2>
<h3 class="rainbow-text-animated">
she/her
</h3>
<p style="color: red;">
<strong>THIS PAGE IS HEAVILY A WIP</strong>
</p>
<div class="bdayphantom">
<img src="bdayphantom.png" width="210" height="180" alt="partytime"/>
</div>
<h4 class="rainbow-text-animated">
mothers day in:
</h4>
<div id="countdown">
</div>
<div class="bottom">
<a href="https://www.animaljam.com">
<img id="jammaflag" src="jamaaflag.png" width="100" height="62" alt="my actual country I am proud to be from"/>
</a>
</div>
<div class="bottom">
<a href="bendover.html">
<img src="mia.png" width="75" height="75" alt="yes im a major benoftheweek fan"/>
</a>
</div>
<div class="bottom">
<a href="rating.html">
<img src="siterating.gif" width="125" alt="site is web 14"/>
</a>
</div>
<div class="bottom">
<a href="https://phantomzone.neocities.org">
<img src="phantom.gif" width="124" height="154" alt="Phantom gif that leads to another thing im working on"/>
</a>
</div>
<div class="bottom">
<a href="kevin.html" class="spinning">
<img src="Kevin.png" width="150" alt="KEVIN SPENCER SOMETHINGS WRONG WITH THAT KID KEVIN SPENCER HIS HEAD DONT WORK IT NEVER DID"/>
</a>
<a href='status.html'>
<div class="bottom">
<img id="status" src="online4.gif" alt="STATUS" width=120px />
</div>
</a>
</div>
<a class="dvdstamp"> <img src="dvdstamp.gif" alt="bouncing dvd logo"> </a>
<div id="randomContent" style="display: none;">
<div id="section">
<a id="randomImageLink" href="#">
<img id="randomImage" alt="a randomized image" />
</a>
</div>
</div>
<a class="bgsection"> <img src='static.gif'> </a>
<a id="iframe"> <iframe src="rainbow.html" style="border:none;" height="10" width="2000" title="rainbow"></iframe>
<style>
#randomImage {
width: 250px;
height: auto;
}
#section {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 9999;
pointer-events: auto;
}
#iframe {
margin: auto;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 1050px;
}
</style>
<script>
// 50% chance: Math.random() returns a value between 0 and 1
if (Math.random() < 0.5) {
document.getElementById('randomContent').style.display = 'block';
}
const imageLinkData = [
{ src: "benitaad.jpeg", href: "https://leeolaaj.neocities.org/placeholder" },
{ src: "tempphantomflag.jpeg", href: "https://leeolaaj.neocities.org/placeholder" },
{ src: "tempphantomflag.jpeg", href: "https://leeolaaj.neocities.org/placeholder" },
];
const index = Date.now() % imageLinkData.length;
const { src, href } = imageLinkData[index];
document.getElementById('randomImageLink').href = href;
document.getElementById('randomImage').src = src;
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
function showTime() {
const timeElement = document.getElementById('currentTime');
if (timeElement) {
timeElement.innerHTML = new Date().toLocaleString();
}
}
showTime();
setInterval(showTime, 1000);
const targetDate = new Date("May 10, 2026 00:00:00").getTime();
function updateCountdown() {
const now = new Date().getTime();
const distance = targetDate - now;
const randomColor = Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0');
document.getElementById('randomcolor').style.color = '#' + randomColor;
if (distance <= 0) {
document.getElementById("countdown").textContent = " ill put a message here later ";
return;
}
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("countdown").textContent = `${days}d ${hours}h ${minutes}m ${seconds}s`;
}
updateCountdown();
setInterval(updateCountdown, 1000);
setTimeout(function() {
const messageElement = document.getElementById('message');
if (messageElement) {
messageElement.style.display = 'none'; // Makes it disappear
}
}, 3000); // 3 sec wait
// MUTE AND UNMUTE SCRIPT so u arent forced into the minecraft music against your will like my original evil plan muahahaha
const musicPlayer = document.getElementById('player');
const button = document.getElementById('mutebutton');
button.addEventListener('click', () => {
musicPlayer.muted = !musicPlayer.muted;
button.textContent = musicPlayer.muted ? 'Unmute' : 'Mute';
});
// hover sound effect script
const soundUrl = 'https://64.media.tumblr.com/a0b2fd23200539cc184b616e36262242/3a001ae40bb87a4e-48/1c00868f45329b49e31379954e0dd0c574f468d5.mp3';
const hoverAudio = new Audio(soundUrl);
const navIcons = document.querySelectorAll('.nav-icon');
navIcons.forEach(icon => {
icon.addEventListener('mouseenter', () => {
hoverAudio.currentTime = 0;
hoverAudio.play().catch(e => {
console.log('SOMETHING PREVENTED THE SOUND EFFECT AUDIO FROM PLAYING', e);
});
});
});
});
</script>
<audio loop autoplay id="player"><source src="https://64.media.tumblr.com/352d8fd10db9eb9a95d3d7f21bee8837/3a001ae40bb87a4e-2c/a34f5c81b2248cf538a64b3f7e3243ffe6e67016.mp3" type="audio/mpeg"></audio>
</body>
</html>