From cd0ecda8f932c951d42b48113a80126f56af4463 Mon Sep 17 00:00:00 2001 From: mileswa1q22 Date: Sat, 25 Jul 2026 20:16:27 -0500 Subject: [PATCH] updated --- README.md | 41 +++++++++- index.html | 141 ++++++++++++++++++++++++++++++++--- projects/decompilations.html | 6 ++ projects/fedl.html | 6 ++ projects/geode-mod.html | 6 ++ projects/issue-tracker.html | 6 ++ projects/moon-gaming.html | 6 ++ projects/music-app.html | 6 ++ projects/noto.html | 6 ++ projects/nova.html | 6 ++ projects/omniemu.html | 6 ++ projects/rhythm-game.html | 6 ++ projects/style.css | 65 +++++++++++++++- 13 files changed, 291 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index 28ceb42..096b3f8 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,41 @@ # miles-web -my website + +A developer portfolio website for Miles Wolf Allen, showcasing projects, skills, and contact details. + +## Overview + +- Static personal homepage built with HTML and CSS. +- Includes sections for About, Skills, Projects, Highlights, and Contact. +- Designed with a retro cyberpunk aesthetic and smooth scrolling navigation. + +## Featured Projects + +- **OmniEmu 2.0** — Emulator launcher for managing 20+ systems in one app. +- **FEDL** — Geometry Dash demon list tracker with ranked levels and community features. +- **Noto** — AI-enhanced note-taking app built with Flutter. +- **Nova AI** — Local AI assistant with desktop, web, and CLI interfaces. +- **Music App** — Ad-free music player inspired by YouTube Music. +- **Rhythm Game** — Browser-based rhythm game with keyboard controls. +- **FEDL Geode Mod** — In-game Geometry Dash mod for demon list integration. +- **Decompilations** — Native PC ports and reverse-engineered game projects. +- **Issue Tracker** — Custom issue tracking app built with Node.js. +- **Moon Gaming** — Browser game hub with a large commit history. + +## Usage + +1. Open `index.html` in a browser. +2. Navigate with the scattered menu links or scroll through the sections. +3. Click on any project card to explore the project pages in `projects/`. + +## Contacts + +- Email: mileswa1q2@gmail.com +- GitHub: https://github.com/mileswolfallen2 +- Replit: https://replit.com/@MilesAllen1 +- CodePen: https://codepen.io/mileswolfallen2-the-typescripter +- Personal site: https://me.fedl.site + +## Notes + +- The project is currently a static site and does not require a build step. +- The design uses custom CSS and Google Fonts for typography. diff --git a/index.html b/index.html index ab781c9..34df0d5 100644 --- a/index.html +++ b/index.html @@ -36,6 +36,22 @@ .flash{position:fixed;inset:0;pointer-events:none;z-index:10000;background:#fff;opacity:0;} .spark{position:fixed;z-index:9996;pointer-events:none;width:5px;height:5px;border-radius:50%;background:#fff;} + *{cursor:none !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); + transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s; + } + .cursor-ring{ + width:36px;height:36px;border:2px solid var(--accent); + transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s,opacity .3s; + opacity:.5; + } + .cursor-dot.hover{width:10px;height:10px;background:var(--tape);} + .cursor-ring.hover{width:50px;height:50px;border-color:var(--tape);opacity:.8;} + @media(max-width:720px){.cursor-dot,.cursor-ring{display:none;}} + @media(hover:none){.cursor-dot,.cursor-ring{display:none;}} + .signal{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column-reverse;gap:5px;z-index:500;} .signal .bar{width:8px;height:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);transition:all .3s;} .signal .bar.on{background:var(--accent);box-shadow:0 0 10px var(--accent);border-color:transparent;} @@ -155,18 +171,13 @@ .marquee{ overflow:hidden;white-space:nowrap; - background:repeating-linear-gradient(-45deg,var(--tape) 0px,var(--tape) 14px,#000 14px,#000 28px); + background:var(--tape); padding:20px 0;position:relative;z-index:2;margin:20px -5vw 60px; border:3px solid var(--tape);transform:rotate(-1.5deg) scaleX(1.08); } - .marquee::before,.marquee::after{ - content:'';position:absolute;top:0;bottom:0;width:60px;z-index:3; - } - .marquee::before{left:0;background:linear-gradient(90deg,var(--tape),transparent);} - .marquee::after{right:0;background:linear-gradient(-90deg,var(--tape),transparent);} - .marquee .track{display:inline-block;padding-left:100%;animation:scrollLeft 18s linear infinite;} - .marquee span{font-family:var(--font-pixel);font-size:13px;color:#000;margin:0 28px;font-weight:700;letter-spacing:.04em;} - @keyframes scrollLeft{to{transform:translateX(-100%);}} + .marquee .track{display:inline-flex;animation:scrollLeft 20s linear infinite;} + .marquee .track span{font-family:var(--font-pixel);font-size:13px;color:#000;margin:0 28px;font-weight:700;letter-spacing:.04em;flex-shrink:0;} + @keyframes scrollLeft{0%{transform:translateX(0);}100%{transform:translateX(-50%);}} .stat-strip{ display:flex;flex-wrap:wrap;gap:16px;margin:0 -5vw 60px;padding:0 5vw; @@ -294,15 +305,102 @@ .reveal{opacity:0;transform:translateY(24px);} + .mobile-nav{ + display:none;position:fixed;bottom:0;left:0;right:0;z-index:500; + background:rgba(0,0,0,0.92);border-top:2px solid rgba(255,255,255,0.12); + backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); + padding:8px 0 env(safe-area-inset-bottom,8px); + } + .mobile-nav a{ + display:inline-flex;flex:1;justify-content:center;align-items:center; + font-family:var(--font-pixel);font-size:7px;color:var(--muted); + padding:10px 6px;text-transform:uppercase;letter-spacing:.04em; + text-decoration:none;transition:all .2s;border:none;background:none; + -webkit-tap-highlight-color:transparent; + } + .mobile-nav a:active,.mobile-nav a.active{color:var(--accent);} + + @media(max-width:720px){ + .mobile-nav{display:flex;gap:4px;} + + section{padding:60px 5vw 50px;} + + .hero-giant{ + font-size:clamp(42px,14vw,80px);transform:rotate(-1.5deg);margin-left:0; + } + .hero-giant .line1{font-size:clamp(10px,4vw,16px);transform:none;} + .hero-giant .line2{text-shadow:2px 2px 0 var(--accent),-1px -1px 0 var(--tape);} + + .hero-sub{transform:none;margin-left:0;font-size:clamp(12px,3.2vw,14px);max-width:100%;margin-bottom:20px;} + .hero-status{transform:none;font-size:10px;} + .hero-links{transform:none;gap:8px;} + .term-btn{font-size:10px;padding:10px 16px;} + .term-btn:hover{transform:none;} + .scroll-cue{display:none;} + + .marquee{ + margin:10px -5vw 40px;transform:rotate(-1deg) scaleX(1.03); + } + + .stat-strip{flex-wrap:nowrap;gap:8px;margin:0 -5vw 40px;} + .stat-strip .cell{padding:20px 12px;min-width:0;flex:1 1 0;} + .stat-strip .cell:nth-child(n){transform:none;} + .stat-num{font-size:22px;} + .stat-label{font-size:7px;} + + .about-grid{flex-direction:column;margin:0;gap:24px;} + .avatar-frame{align-self:center;} + .avatar-frame img{width:160px;} + .about-card{transform:none;box-shadow:none;padding:24px;min-width:0;} + .badge-row{gap:6px;} + .badge{padding:6px 10px;font-size:7px;} + .badge:nth-child(n){transform:none;} + + .chip-grid{margin:0;} + .chip{padding:8px 12px;font-size:10px;} + .chip:nth-child(n){transform:none;} + + .project-grid{gap:16px;} + .proj-card{padding:20px;transform:none!important;} + .proj-card::before{display:none;} + .proj-title{font-size:15px;} + .proj-desc{font-size:12px;} + + .highlight-row{flex-direction:column;gap:10px;margin:0;} + .hl-cell{padding:18px 16px;transform:none!important;} + .hl-num,.hl-num-text{font-size:24px;} + + .contact-card{transform:none;box-shadow:none;padding:24px;max-width:100%;} + .contact-card::before{display:none;} + .contact-row{padding:12px 0;font-size:12px;} + .contact-row span.k{font-size:9px;} + + h2.section-title{font-size:clamp(28px,8vw,48px);transform:rotate(-0.5deg);} + .eyebrow{font-size:8px;} + + .toast-stack{bottom:70px;left:12px;} + .toast{max-width:220px;padding:10px 14px;font-size:10px;} + + .scattered-nav a:not(.sn-logo){display:none!important;} + } + @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}} +
+
-
+
+
@@ -524,6 +622,23 @@