Redesign portfolio as Mac OS 1984 coming soon page - #1
Merged
Conversation
Strip ~90% of codebase (11k+ lines removed). Replace multi-theme portfolio with a Mac OS System 1 themed landing page: - Happy Mac loading screen on gray dithered desktop (4.5s) - "Welcome to Macintosh" dialog with Mac OS Curly branding - Interactive Mac-style menu bar (File links to X, others say "Coming soon") - Chicago bitmap font, crosshatch pattern, Mac window chrome - Mac-style 404 page with sad Mac - All previous content archived in CONTENT-ARCHIVE.md Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Plays StartupMacI.wav 1s after the Happy Mac icon appears and triggers haptic feedback on Android devices. Boot animation now plays on every page load instead of being skipped via sessionStorage. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Split monolithic page.tsx into separate components (imac-frame, crt-screen, boot-screen, welcome-screen, menu-bar, types). Both layouts now show an iMac G3 Bondi Blue frame with the boot sequence playing inside the screen: off → CRT flicker → Happy Mac icon + chime → welcome dialog. Desktop gets a larger monitor with interactive menus, mobile gets a compact static version. Also reduces static asset cache to 1 hour with must-revalidate. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Reduce mac logo by 30%, reposition toward top-left corner, shrink title to fit one line, enlarge MacOS Curly logo, and add hover highlighting to menu bar items. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Use 4:3 aspect-ratio for CRT screen on both mobile and desktop, widen mobile frame to 100%, sharpen dialog corners, and enable menu bar interaction on mobile. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Increase mobile maxWidth to 480, reduce teal body and bezel padding on mobile, and constrain menu dropdowns to viewport width. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
raj-portfolio | 14fa08c | Commit Preview URL Branch Preview URL |
Apr 07 2026, 07:41 AM |
Reposition the top-left Macintosh icon, tune desktop/mobile sizing constants, and place the MacOS Curly logo directly under the struck-through "Macintosh" text to match the intended composition. Made-with: Cursor
Switch repository lockfile tracking to Bun by removing pnpm-lock.yaml and adding bun.lock. Made-with: Cursor
- Skip boot animation on repeat visits using sessionStorage - Add ARIA roles, tabIndex, and keyboard handlers to menu bar - Add noscript message for users with JS disabled - Update commands from pnpm to bun in CLAUDE.md and README.md Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Prevents the layout shift from mobile→desktop sizing on first paint by gating render on viewport detection, then scaling the iMac in with a TV power-on animation. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ellow dot Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
radroid
added a commit
that referenced
this pull request
Apr 15, 2026
POSTHOG-RESEARCH.md: architectural reference notes on PostHog.com's desktop-OS implementation (state model, window chrome, desktop shell, styling primitives). Compiled via parallel subagent exploration of the posthog.com repo. DESKTOP-PLAN.md updates inspired by the research: - Derived focused window (no stored activeWindowId) — top of z-stack IS the focused window via useMemo - Contiguous zIndex reshuffle on focusApp (no counter drift) - 5px click-vs-drag threshold on draggable title bars - Lazy content mount after window entry animation - Zoom-from-origin open animation using clicked-icon Rect - Cascade-on-open position spec and close-normalizes-zIndex rule - Menu bar z-index sits above window stack - Reduced-motion covers maximize + open + close animations - Inspiration & Anti-patterns section (7 patterns adopted, 9 rejected, 4 future enhancements) - Readiness Checklist marking PR #1 ready and app content blockers CLAUDE.md: note that dev server is always running and should not be started by automation. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
CONTENT-ARCHIVE.mdand preserved on thearchive/v1-original-sitebranchWhat changed
global.csswith Chicago bitmap font, crosshatch desktop pattern, and classic Mac dialog stylespackage.jsonProduction deployment checklist
archive/v1-original-sitebranch exists on remote as a backup of the current production sitebun buildlocally to confirm a clean production build with no errorsbun previewto test the Cloudflare Pages build locally via OpenNextsessionStorageboot skip works — refresh should skip straight to welcome screenprefers-reduced-motion: reduce) — animations should be skippedChicagoFLF.woff2) loads correctly and renders with no anti-aliasing/not-found) shows the Mac-style system error dialogrobots.txtandsitemap.xmlare serving correctly for SEOpnpm deployReview considerations
/blog/*,/projects/*,/history) will 404. Ensure there are no important inbound links relying on those paths — consider adding redirects if needed.public/StartupMacI.wav(29KB) is bundled as a static asset. Confirm it's acceptable to serve from CDN, or convert to a smaller format (e.g., MP3/OGG) if size matters.sessionStorage. Private/incognito browsing will replay the boot every visit — this is intentional but worth noting.pnpm installfrom a cleannode_modulesto verify no missing peer dependencies.prefers-reduced-motion. Menu bar items are interactive with keyboard support. Verify screen reader experience on the welcome dialog.🤖 Generated with Claude Code