Claude/terminal style cards 011dt2 hnscf dv u9i fb8ohv y5 - #21
Merged
AzertoxHDW merged 6 commits intoNov 20, 2025
Merged
Conversation
Transformed the About page from basic text sections into a modern, visually rich experience: New Sections: - Hero section with gradient name, role badges, and icon - Stats grid (experience, projects, technologies, coffee ☕) - Expanded "Who I am" section with better storytelling - Skills & Technologies section with 4 categories (Dev, Infra, Hardware, Other) - Passions section with 3 feature cards - Philosophy section with inspirational quote Visual Enhancements: - Gradient text effect for the name - Stat cards with shimmer hover effect - Color-coded skill categories with icons - Badge tags for individual skills - Better typography and spacing - Consistent hover animations across all cards - Staggered entrance animations for sections Content Improvements: - More detailed personal introduction - Specific technology listings - Clear categorization of skills - Emphasis on autodidact journey and experimentation - Professional yet personable tone The page now tells a complete story and showcases skills/passions in an organized, visually appealing way.
Simplified the About page to be more concise and direct: Removed: - Stats section (10+ years, 50+ projects, etc.) - Passions section (3 feature cards) - Philosophy section with quote - Excessive paragraph breaks and storytelling Kept: - Clean header with gradient name and role badges - Single concise bio paragraph (4 sentences) - Skills section with 4 categories - All hover animations and visual polish The page now gets straight to the point while maintaining a modern, professional look. Content reduced from ~330 lines to ~145 lines.
Made the page less developer-focused and more balanced: Changes: - Removed tech-specific role badges (Developer, Sysadmin, Hardware) - Simplified header to just age and location - Changed "Compétences" to "Centres d'intérêt" (Skills → Interests) - Removed specific tech stack mentions (JS/TS, Python, React, etc.) - Used general terms instead (web development, servers, networks) - Added Creativity section highlighting music and DIY projects - Rewrote bio to focus on passion and learning, not credentials - Added lightbulb icon for more personal touch The page now presents a well-rounded individual with diverse interests rather than a technical resume.
Created a new animated background component distinct from the StarField: FloatingOrbs features: - 15 floating orbs with smooth drift movement - Pulsing/breathing animation for organic feel - Soft radial gradient glows with varying opacity - Multi-colored orbs (teal, blue, purple, green variants) - Subtle connection lines between nearby orbs - Continuous gentle movement with edge wrapping - Lower opacity and softer aesthetic than StarField Differences from StarField: - Orbs drift/float vs static stars - Radial gradients vs point stars - Pulsing size animation vs twinkle - Always-on connections vs mouse-interactive - Calmer, more organic movement - Better suited for personal/portfolio pages The About page now has visual interest without being distracting, complementing the personal nature of the content.
Orbs adjustments for subtlety: - Reduced orb count from 15 to 10 - Reduced opacity range from 0.3-0.5 to 0.15-0.25 - Reduced orb radius from 20-60px to 15-40px - Reduced speed from 0.2-0.5 to 0.1-0.25 - Reduced connection line opacity from 0.08 to 0.04 - Reduced connection line width from 1px to 0.5px - Reduced glow gradient opacity by ~50% - Reduced core orb opacity by ~50% - Reduced connection distance from 200px to 180px Title quote fix: - Changed double quotes around "Az'" to HTML entities (“ ”) - Used ’ for the apostrophe in Az' - Prevents quote conflicts with HTML attributes The orbs are now much more subtle and serve as ambient background rather than a focal point.
Changed ’ back to regular apostrophe ' in "Az'" while keeping “ and ” for the double quotes. This prevents confusion - the double quotes are the ones that typically conflict with HTML attributes, not the apostrophe. Result: Dylan "Az'" R. with proper typographic double quotes.
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.