Skip to content

Conversation

@garbas
Copy link
Contributor

@garbas garbas commented Dec 15, 2025

No description provided.

Separate source images from generated optimized versions for better
maintainability and clarity. This makes it clear which files are
manually edited vs auto-generated.

Changes:
- Create assets/images/generated/ for all optimized images
- Move WebP versions and responsive sizes to generated/
- Add regenerate-all-images command to Justfile
- Update generate-responsive-images to output to generated/
- Optimize speaker images (reduced file sizes)
- Update index.html to reference generated/ folder
- Document image workflow in README.md and CLAUDE.md
Add automated favicon and app icon generation from planetnix-logo-small.png
source file. All generated icons are placed in assets/images/generated/ to
maintain separation between source and generated assets.

Changes:
- Add generate-favicons command to Justfile
- Generate all required icon sizes: 16x16, 32x32, 180x180, 192x192, 512x512
- Create favicon.ico with multi-resolution support
- Update index.html and site.webmanifest to reference generated/ folder
- Add planetnix-logo-small.png as source file
- Document favicon workflow in README.md and CLAUDE.md
- Use ImageMagick 'magick' command (avoiding deprecated 'convert')
Add a more defined visual treatment to the sticky navigation with bold
white accent lines and glassmorphism effects.

Changes:
- Set nav background to 70% transparency with 10px backdrop blur
- Add solid white top and bottom borders for horizontal framing
- Create vertical accent lines extending beyond nav height using ::before/::after
- Position vertical lines at 46px inset (moves to edges on mobile <= 576px)
- Add white vertical dividers between navigation items
- Simplify hover effect to gray text color (#757575)
- Increase mobile nav link margin for better spacing
Transform the FAQ section from static h3/p layout to an interactive
accordion using native HTML5 details/summary elements. Only one FAQ
item can be open at a time for better focus and cleaner UX.

Changes:
- Configure Pico CSS variables for white accordion styling
- Convert all FAQ items from h3/p to details/summary structure
- Add white border styling to FAQ items (top borders + bottom container border)
- Style summary text in white, answer text in gray (#ADADAD) at 0.8em
- Customize chevron icon to white SVG for theme consistency
- Add JavaScript to enforce single-accordion-open behavior
- Increase FAQ section bottom margin to 5em
Update the primary CTA button with a more refined purple tone
and simplify the interaction by removing the hover state.

Changes:
- Change button color from #711AFF to #5916C7 (darker purple)
- Remove hover state styling (border color change)
- Clean up commented-out hover styles
Simplify development workflow by using Flox's built-in service management
instead of custom Just commands for the dev server. Flox services provide
better lifecycle management and integration with the Flox environment.

Changes:
- Remove 'just dev' command (replaced with 'flox services start')
- Remove 'start-server-bg' and 'stop-server' helper commands
- Update all Lighthouse commands to assume server is already running
- Update Justfile header documentation with new workflow
- Update README.md with Flox services commands
- Update CLAUDE.md with new development workflow
- Add notes that Lighthouse requires dev server to be running

New workflow:
  flox activate          # Enter environment
  flox services start    # Start dev server
  just lighthouse        # Run performance tests
  flox services stop     # Stop dev server
Simplify the workflow by showing environment information automatically
when running 'just' without arguments, eliminating the need for a
separate 'just info' command.

Changes:
- Remove 'just info' command
- Update _default recipe to show environment info before command list
- Running 'just' now displays:
  1. Environment information (flox list)
  2. Dev server URL
  3. Available commands
- Update Justfile header documentation
- Update README.md to reflect new behavior
- Update CLAUDE.md with automatic info display note
Add @ prefix to command execution lines to prevent verbose command
syntax from being echoed during execution. Users will now see only
clean output messages without the underlying command lines.

Changes:
- Remove @ prefix from _default recipe name (keep @ on individual commands)
- Add @ prefix to lighthouse command execution
- Add @ prefix to lighthouse-full command execution
- Add @ prefix to lighthouse-mobile command execution
- Add @ prefix to perf command execution

This provides cleaner output while maintaining all progress messages
and results display.
Add social media presence with icon links in footer and enhance FAQ
content hierarchy with blockquote styling for better readability.

FAQ Changes:
- Increase FAQ answer font size from 0.8em to 16px for better readability
- Add blockquote styling for nested content (left border, gray text)
- Style h4 headings in blockquotes (gray, 1.3em, normal weight)
- Wrap transportation methods in blockquote for visual hierarchy

Footer Changes:
- Add social media icons section with white border separator
- Add Twitter/X, Mastodon, and Bluesky icon links
- Switch to monospace font family for footer
- Change footer height to min-height: 250px for flexible content
- Add mobile margin adjustment (margin-top: -6em at ≤768px)
- Update copyright text to "© 2026 PlanetNix"
- Wrap previous years (2025, 2024) in parentheses
- Remove redundant mobile margin-top from footer-content

New Assets:
- assets/images/twitter.svg
- assets/images/mastodon.svg
- assets/images/bluesky.svg

Social Links:
- Twitter/X: @planetnixconf
- Mastodon: @planetnix@mastodon.social
- Bluesky: planetnix.bsky.social
@netlify
Copy link

netlify bot commented Dec 15, 2025

Deploy Preview for planetnix ready!

Name Link
🔨 Latest commit f25473b
🔍 Latest deploy log https://app.netlify.com/projects/planetnix/deploys/69407476c7a7ea000817e7a8
😎 Deploy Preview https://deploy-preview-29--planetnix.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions
Copy link

🔍 Lighthouse Performance Report

Performance audit completed for commit 56640ac

Scores Comparison

Category Base (main) This PR Change
⚡ Performance 91/100 92/100 🟢 +1
♿ Accessibility 100/100 100/100 ⚪ 0
✅ Best Practices 100/100 100/100 ⚪ 0
🔍 SEO 100/100 100/100 ⚪ 0

Performance Impact

🎉 Great job! Performance improved by 1 points!

✨ Performance score is excellent!


📊 Score Guide
  • 🟢 90-100: Good
  • 🟠 50-89: Needs improvement
  • 🔴 0-49: Poor

Change indicators:

  • 🟢 Positive change (improvement)
  • 🔴 Negative change (regression)
  • ⚪ No change
🚀 Current Optimizations

Optimizations in place:

  • ✅ Image optimization (76.6% size reduction)
  • ✅ Lazy loading for below-fold images
  • ✅ Optimized fonts with font-display: swap
  • ✅ Minified CSS and assets

🤖 Automated report generated by Lighthouse CI comparing against main branch

@garbas garbas added this pull request to the merge queue Dec 15, 2025
Merged via the queue into main with commit b9dfe73 Dec 15, 2025
5 checks passed
@garbas garbas deleted the fixes branch December 15, 2025 21:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants