diff --git a/404.html b/404.html index b2608f4..741a4ad 100644 --- a/404.html +++ b/404.html @@ -109,7 +109,8 @@ · Internet History - Built by Miles · 2026 · Powered by too much coffee and the Konami code + Built by Miles · 2026 · Powered by too much coffee and the Konami code
+ A B ← → ← → ↓ ↓ ↑ ↑ \ No newline at end of file diff --git a/about-me.html b/about-me.html index d249452..5106782 100644 --- a/about-me.html +++ b/about-me.html @@ -147,6 +147,8 @@
The best developers aren't the ones who know the most. They're the ones who never stop being curious.
+
ab←→←→↓↓↑↑
+ Back to Portfolio diff --git a/colophon.html b/colophon.html index 562c2e1..e870ac3 100644 --- a/colophon.html +++ b/colophon.html @@ -107,7 +107,7 @@

The color palette is minimal: black background, white text, hot pink accents, and yellow tape strips. No gradients, no complex color schemes. Just high contrast and aggressive accent colors.

Accessibility

-

The custom cursor hides the default cursor site-wide, but the Konami code (↑ ↑ ↓ ↓ ← → ← → B A) reveals it. The site supports keyboard navigation via the ? shortcut modal. Light mode reduces eye strain in bright environments.

+

The custom cursor hides the default cursor site-wide, but the Konami code (↑ ↑ ↓ ↓ ← → ← → B A) reveals it. The site supports keyboard navigation via the ? shortcut modal. Light mode reduces eye strain in bright environments. Some secrets respond to the reverse.

Performance

No frameworks, no build step, no unnecessary dependencies. The site is static HTML with minimal JavaScript. Fonts are loaded with preconnect hints. GSAP is loaded from CDN with browser caching. Each page is under 50KB of HTML.

diff --git a/experiments.html b/experiments.html index 1a9c02d..7648c35 100644 --- a/experiments.html +++ b/experiments.html @@ -816,7 +816,7 @@ footer .footer-text{font-family:var(--font-mono);font-size:10px;color:var(--mute ▶️ ⏭️ -
Netflix · Spotify · Hulu · HBO
+
Netflix · Spotify♩ · Hulu · HBO
@@ -910,6 +910,9 @@ footer .footer-text{font-family:var(--font-mono);font-size:10px;color:var(--mute 5. The browser renders HTML, CSS, JS into pixels.
All of this happens in under a second. +
+ secret protocol: AB←→←→↓↓↑↑ +
@@ -940,6 +943,7 @@ footer .footer-text{font-family:var(--font-mono);font-size:10px;color:var(--mute
HTTPS/TLS
WebAssembly
AI / LLMs
+
A B ← → ← → ↓ ↓ ↑ ↑
diff --git a/index.html b/index.html index a0b70c0..7715c17 100644 --- a/index.html +++ b/index.html @@ -526,12 +526,14 @@ * STILL DEBUGGING * * GEOMETRY DASH ADDICT * * USUALLY ONLINE * + * AB ← → ← → ↓ ↓ ↑ ↑ * * BUILDING EMULATORS * * SEND HELP * * 160 REPOS AND COUNTING * * STILL DEBUGGING * * GEOMETRY DASH ADDICT * * USUALLY ONLINE * + * AB ← → ← → ↓ ↓ ↑ ↑ * diff --git a/music.html b/music.html new file mode 100644 index 0000000..c78468e --- /dev/null +++ b/music.html @@ -0,0 +1,253 @@ + + + + + + miles' music taste + + + + + + + + + + + + + +
+
+
+ +
+
+

Keyboard Shortcuts

+
Go HomeH
+
Go to GitHubG
+
Toggle themeT
+
Show shortcuts?
+
Press Esc or ? to close
+
+
+
+
+ + + + +
+
+
+
+

WHAT I LISTEN TO

+

Vocaloid · Rage Against the Machine

+
🎧
+
+ +
+
+
▸ 01
+

Vocaloid

+

Hatsune Miku, Kasane Teto, and a generation of producers making vocal synthesis sound like the future. This is what's been on repeat — the Vocaloid 2026 playlist.

+
+
+
+
🎧
+
+

On Heavy Rotation

+
▸ Jamie Paige
+
Machine Love
+
Birdbrain (w/ OK Glass)
+
When Spring Comes
+
Cadmium Colors
+
People Posture Play Pretend
+
Encore
+
I Wish That I Could Fall
+
Strawberry
+
Clouddrop
+
ROT FOR CLOUT (w/ Visualeyes)
+
Dyad (w/ unit.0)
+
Manifesto
+
▸ FLAVOR FOLEY
+
Spoken For
+
weathergirl
+
Water the Roses
+
BUTCHER VANITY
+
rawdog
+
炜WARD ROMANCE
+
Human
+
Ego Renegade Boy
+
▸ VocaloKAT
+
Left Behind Generation
+
Pull the Trigger
+
Affection Addiction (w/ Aku P)
+
Lucid Dreamscape
+
▸ EROMA
+
POTETO CHIP
+
INSOMNIA
+
BURNOUT
+
Life kinda sucks
+
NEURODIVERGENCE
+
▸ AnythingBecomeMoe
+
ヤラララ
+
次元通信
+
PingPong TIKITAKA
+
▸ TRAP CHICK
+
Approve Please, Genie! (w/ 重音テト, 音街ウナ)
+
Execution Clap (w/ 重音テト)
+
▸ rusino
+
Looping the Rooms (w/ Hatsune Miku)
+
Debug Drug
+
Lambent Aria (w/ Hatsune Miku)
+
▸ Singles & Standouts
+
LEMON MELON COOKIETAK — Hatsune Miku
+
INTERNET YAMERO — NEEDY GIRL OVERDOSE, KOTOKO, Aiobahn
+
mochimochi — TAK
+
Medicine — Sasuke Haraguchi
+
Tetoris — 柊マグネタイト
+
Lost Umbrella — INABAKUMORI
+
Young Girl A — marchie
+
モニタリング — DECO*27
+
Liar Macaron — 暴飲暴食P (w/ Kasane Teto)
+
numb numb — TAK (w/ Hatsune Miku, Kasane Teto)
+
あなぐらぐらし — Kikuo
+
Konton Boogie — jon-YAKITORY
+
Rolling Girl — KimaroArt (w/ Kasane Teto)
+
CUTE DEPRESSED — Dyan Dxddy
+
+
+
+
+ +
+
+
▸ 02
+

Rage Against the Machine

+

Political fury meets funk metal. Zack de la Rocha's vocals, Tom Morello's unearthly guitar, Tim Commerford's bass, Brad Wilk's drums. Every song is a revolution.

+
+
+
+
🎸
+
+

Essential Songs

+
▸ Rage Against the Machine (1992)
+
Killing in the Name
+
Bombtrack
+
Wake Up
+
Freedom
+
▸ Evil Empire (1996)
+
Bulls on Parade
+
People of the Sun
+
Down Rodeo
+
▸ The Battle of Los Angeles (1999)
+
Guerrilla Radio
+
Sleep Now in the Fire
+
Testify
+
+
+
+
+ +
▸ The Playlist ◂
+ +
+ +
+ +
"I go from Rage Against the Machine to Hatsune Miku in 0.3 seconds"
+
more nonsense →
+ + +
+ + + + + + + \ No newline at end of file diff --git a/projects/script.js b/projects/script.js index 18c5b1b..bade293 100644 --- a/projects/script.js +++ b/projects/script.js @@ -53,6 +53,24 @@ } })(); + /* MUSIC PAGE EASTER EGG: A, B, ←, →, ←, →, ↓, ↓, ↑, ↑ */ + (function(){ + const seq = ['a','b','ArrowLeft','ArrowRight','ArrowLeft','ArrowRight','ArrowDown','ArrowDown','ArrowUp','ArrowUp']; + let pos = 0; + window.addEventListener('keydown', function(e){ + const key = e.key.length === 1 ? e.key.toLowerCase() : e.key; + if (key === seq[pos]) { + pos++; + if (pos === seq.length) { + pos = 0; + window.location.href = '/music.html'; + } + } else { + pos = (key === seq[0]) ? 1 : 0; + } + }); + })(); + /* CURSOR */ (function(){ const dot = document.getElementById('cursorDot'); @@ -73,9 +91,10 @@ ring.style.top = ry + 'px'; requestAnimationFrame(loop); })(); - document.querySelectorAll('a, button, .meta-chip, .tech-badge, .feature-card, .proj-card, .blog-card, .hl-cell, .term-btn, .chip').forEach(function(el){ - el.addEventListener('mouseenter', function(){ dot.classList.add('hover'); ring.classList.add('hover'); }); - el.addEventListener('mouseleave', function(){ dot.classList.remove('hover'); ring.classList.remove('hover'); }); + document.addEventListener('mouseover', function(e){ + const t = e.target.closest('a, button, input, textarea, select, [role="button"], .meta-chip, .tech-badge, .feature-card, .proj-card, .blog-card, .hl-cell, .term-btn, .chip'); + dot.classList.toggle('hover', !!t); + ring.classList.toggle('hover', !!t); }); })(); @@ -108,6 +127,22 @@ window.toggleTheme = toggleTheme; })(); + /* SECRET HINT: inject into shortcut modal */ + (function(){ + const modal = document.getElementById('shortcutModal'); + if (!modal) return; + const card = modal.querySelector('.shortcut-card'); + if (card && !card.querySelector('.secret-hint')) { + const hint = document.createElement('div'); + hint.className = 'secret-hint'; + hint.style.cssText = 'font-family:var(--font-mono);font-size:9px;color:#666;text-align:center;padding:8px 0 4px;border-top:1px solid rgba(255,255,255,0.06);margin-top:6px;letter-spacing:.06em;'; + hint.textContent = '· · · AB \u2190 \u2192 \u2190 \u2192 \u2193 \u2193 \u2191 \u2191'; + const close = card.querySelector('.close-hint'); + if (close) card.insertBefore(hint, close); + else card.appendChild(hint); + } + })(); + /* KEYBOARD SHORTCUTS (shared) */ (function(){ const modal = document.getElementById('shortcutModal'); diff --git a/projects/style.css b/projects/style.css index 996bf18..8eacbd0 100644 --- a/projects/style.css +++ b/projects/style.css @@ -31,14 +31,6 @@ body::after{ a{color:inherit;text-decoration:none;} body.custom-cursor-enabled *{cursor:none !important;} -body.custom-cursor-enabled a, -body.custom-cursor-enabled button, -body.custom-cursor-enabled input, -body.custom-cursor-enabled textarea, -body.custom-cursor-enabled select, -body.custom-cursor-enabled [role="button"]{ - cursor:auto !important; -} .cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;border-radius:50%;} .cursor-dot{ width:6px;height:6px;background:var(--accent); diff --git a/quotes.html b/quotes.html new file mode 100644 index 0000000..8ff268a --- /dev/null +++ b/quotes.html @@ -0,0 +1,143 @@ + + + + + + Quotes | Miles Wolf Allen + + + + + + + + + + + + + +
+
+
+ +
+
+

Keyboard Shortcuts

+
Go HomeH
+
Go to GitHubG
+
Toggle themeT
+
Show shortcuts?
+
Press Esc or ? to close
+
+
+
+
+ + + + +
+
+

QUOTES

+

Things I find funny, accurate, or both

+
❝❞
+
+ +
+
I'm not arguing, I'm just explaining why I'm right.
Unknown
+
My music taste is a chaotic neutral and I wouldn't have it any other way.
Miles, probably
+
Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program.
Linus Torvalds
+
It's not a bug, it's an undocumented feature.
Every developer ever
+
There are only 10 types of people in the world: those who understand binary and those who don't.
Classic
+
I put the 'pro' in procrastination.
Unknown
+
The light at the end of the tunnel is probably a train.
Optimistic realist
+
I have 99 problems and 92 of them are in this one file.
A developer's prayer
+
Talk is cheap. Show me the code.
Linus Torvalds
+
I'm not lazy, I'm on energy-saving mode.
Mood
+
I'm not a complete idiot, some parts are missing.
Unknown
+
Intelligence is the ability to avoid doing work, yet getting the work done.
Linus Torvalds
+
If at first you don't succeed, call it version 1.0.
Software wisdom
+
My brain has too many tabs open.
Modern life
+
I don't always test my code, but when I do, I do it in production.
The most interesting developer
+
The fact that there's a highway to hell but only a stairway to heaven says a lot about anticipated traffic volume.
Linus Torvalds
+
I'm not saying I'm Batman, but have you ever seen me and Batman in the same room?
Totally Batman
+
I'm sorry for what I said when it was Monday.
Every week
+
There are two types of people: those who can extrapolate from incomplete data.
Unknown
+
Vocaloid is just digital ventriloquism and I'm here for it.
Me, to myself
+
I go from Rage Against the Machine to Hatsune Miku in 0.3 seconds and I'm not sorry.
Music taste explained
+
My life feels like a test I didn't study for.
Relatable content
+
I have a degree in 'I don't know what I'm doing'.
Impostor syndrome
+
I'm not weird, I'm limited edition.
Unique branding
+
The difference between stupidity and genius is that genius has its limits.
Albert Einstein
+
I'm not saying you're the dumbest person in the world, but you better hope the dumbest person in the world doesn't die.
Sen. John Kennedy
+
I will be a unity candidate and pledge to build at least one affordable house.
Count Binface
+
Software is like sex: it's better when it's free.
Linus Torvalds
+
+ + +
+ + + + + + +