Claude/terminal style cards 011dt2 hnscf dv u9i fb8ohv y5#17
Merged
AzertoxHDW merged 6 commits intomainfrom Nov 19, 2025
Merged
Conversation
Major Changes: - Remove Win2000Desktop component swap in favor of conditional styling - Apply Windows 2000 theme styles directly to existing homepage cards - Add win2000-theme class to body when theme is active - Keep same draggable terminal card structure Layout Changes (src/routes/+layout.svelte): - Replace showWin2000Desktop with isWin2000Theme reactive variable - Always render main slot content with conditional styling - Remove conditional rendering that swapped between desktop and main - Add win2000-theme class to root div when theme active - Update Escape key to exit back to dark theme instead of system - Simplify boot animation logic Homepage Changes (src/routes/+page.svelte): - Add activeWindowIndex state to track focused window - Add 'active' class to focused windows for Windows 2000 styling - Add terminal-toggle-btn class for hiding button in win2000 theme - Update bringToFront functions to set active window Styling Changes (src/app.css): - Add Windows 2000 background image for win2000-theme - Apply Windows 2000 window chrome (3D borders) to terminal cards - Style title bars with authentic Windows 2000 gradients - Add active/inactive window state styling - Hide header, footer, and terminal toggle in win2000 theme - Set Tahoma font family for authentic look - Adjust main content padding for win2000 theme Result: - Windows 2000 theme now reskins the homepage in place - Smooth transitions between themes without component swapping - Same draggable functionality with Windows 2000 aesthetic - Theme remains hidden easter egg (not advertised in terminal)
…ound Visual Changes (src/app.css): - Change background from Bliss wallpaper to classic teal color (#008080) - Hide window control buttons (macOS-style colored dots) in win2000 theme - Simplify control button CSS by hiding entire terminal-controls container Audio Changes (src/routes/+layout.svelte): - Play Windows 2000 startup sound (2000.mp3) when boot animation completes - Set volume to 50% for comfortable playback - Gracefully handle audio playback errors (for browsers with autoplay restrictions) Result: - More authentic Windows 2000 experience with classic teal desktop - Cleaner window chrome without macOS-style buttons - Immersive audio feedback when theme loads
…eader
This commit fixes multiple issues with the Windows 2000 theme:
1. Fixed Teal Background Not Showing:
- Added !important to background-color on .win2000-theme
- Set background-color on .win2000-theme main element
- Hide StarField component when win2000 theme is active
- Ensures classic teal (#008080) background is visible
2. Enable Boot Animation and Sound from Terminal:
- Created bootAnimationTrigger store in themeStore.ts
- Added setThemeWithAnimation() function for win2000
- Updated +layout.svelte to listen for boot animation triggers
- Modified HomeTerminal to use setThemeWithAnimation for win2000
- Now typing "theme win2000" triggers boot animation and sound
3. Keep Header Visible in Windows 2000 Theme:
- Removed .win2000-theme header { display: none; } rule
- Header now stays visible for navigation
- Footer still hidden for cleaner look
4. Hide StarField in Windows 2000 Theme:
- Conditionally render StarField in +page.svelte
- Only shows when $currentTheme !== 'win2000'
- Prevents star animation from interfering with teal background
Technical Details:
- src/lib/themeStore.ts: Added bootAnimationTrigger writable store
- src/lib/themeStore.ts: Added setThemeWithAnimation() function
- src/routes/+layout.svelte: Added reactive statement for bootAnimationTrigger
- src/lib/components/HomeTerminal.svelte: Use setThemeWithAnimation for win2000
- src/routes/+page.svelte: Import currentTheme and conditionally render StarField
- src/app.css: Fixed background color with !important and main element styling
- src/app.css: Removed header hiding rule
Result:
- Boot animation and sound now play when switching to win2000 from terminal
- Teal background properly shows instead of gray
- Header remains visible for navigation
- Complete immersive Windows 2000 experience
Audio Fixes:
- Remove duplicate audio playback from onBootAnimationComplete
- BootAnimation component already plays startup sound, no need to play twice
- Add shutdown sound (2klogoff.mp3) when pressing Escape to exit theme
- Set audio volume to 50% for both startup and shutdown sounds
Terminal Restoration:
- Remove CSS rule hiding terminal toggle button in win2000 theme
- Terminal and its toggle button now accessible in Windows 2000 theme
- Users can open terminal to switch themes without needing Escape key
Changes in src/routes/+layout.svelte:
- Removed manual audio.play() from onBootAnimationComplete (was duplicate)
- Added shutdown sound playback in handleGlobalKeyDown when Escape pressed
Changes in src/app.css:
- Removed .win2000-theme .terminal-toggle-btn { display: none; } rule
Result:
- Startup sound plays once instead of twice
- Shutdown sound plays when pressing Escape
- Terminal is accessible in Windows 2000 theme for theme switching
…000 fonts Shutdown Sound Enhancement (src/lib/components/HomeTerminal.svelte): - Added playShutdownSound() function to play 2klogoff.mp3 - Play shutdown sound when switching FROM win2000 to light/dark themes - Checks $currentTheme before switching in both "light"/"dark" and "theme" commands - Volume set to 50% for consistent audio experience - Import browser from $app/environment for audio playback Windows 2000 Font Improvements (src/app.css): - Updated font-family stack to more authentic Windows 2000 fonts - Primary: "Tahoma" (Windows 2000's default UI font) - Fallbacks: "Microsoft Sans Serif", "MS Sans Serif", "Segoe UI", sans-serif - Set base font-size to 11px for .win2000-theme (matches Windows 2000 default) - Applied font overrides to h1-h4, p, span, button elements - Updated .terminal-title font-family to match - Set .terminal-content font-size to 11px - Set button font-size to 11px for authentic appearance Result: - Shutdown sound now plays when exiting win2000 theme via terminal commands - More authentic Windows 2000 typography with Tahoma as primary font - Consistent 11px font sizing matches original Windows 2000 interface - Complete audio feedback for both entering (startup) and exiting (shutdown) theme
Changes in src/lib/components/HomeTerminal.svelte:
- Added "win" command as a hidden easter egg shortcut
- Command triggers setThemeWithAnimation('win2000') with boot animation and sound
- Output message: "Starting Microsoft Windows 2000..."
- References classic MS-DOS boot command aesthetic
- Command intentionally NOT listed in help to preserve easter egg nature
- "theme win2000" still works as before for discoverability
Usage:
- Type "win" in terminal → Triggers Windows 2000 boot sequence
- Shorter, more nostalgic way to access the theme
- Maintains the hidden easter egg appeal
Result:
- Users can type just "win" instead of "theme win2000"
- More authentic MS-DOS/Windows boot experience
- Enhances the retro computing nostalgia factor
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
2 participants
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.
No description provided.