Skip to content

Comments

Fix UI for the mobile view and Separate Content from Theme#168

Merged
acassis merged 2 commits intoapache:masterfrom
Abhishekmishra2808:master
Feb 21, 2026
Merged

Fix UI for the mobile view and Separate Content from Theme#168
acassis merged 2 commits intoapache:masterfrom
Abhishekmishra2808:master

Conversation

@Abhishekmishra2808
Copy link
Contributor

Summary

Website Link

This PR refactors the Apache NuttX website with a primary focus on improving mobile responsiveness, while also separating content from presentation using Jekyll best practices.

Key Changes

  • Implemented fully responsive layouts optimized for mobile devices
  • Improved mobile navigation with hamburger menu
  • Applied fluid typography using clamp() for better scaling
  • Moved homepage content to _data/homepage.yml
  • Added modular section components in _includes/themes/apache/sections/
  • Simplified index.md to use reusable includes
  • Updated Gemfile.lock to be platform-agnostic

Improvements

  • System dark/light mode detection
  • Enhanced layout consistency across screen sizes
  • GitHub repository stats integration
  • Accessibility and semantic HTML improvements
  • Updated 2026 event information

Improves mobile UX, maintainability, and cross-platform compatibility.

SCREENSHOTS
image
image
image

- Refactored homepage to use data-driven architecture with _data/homepage.yml
- Created modular theme sections in _includes/themes/apache/sections/
- Reduced index.md from 416 to 39 lines (93% reduction)
- Fixed Gemfile.lock to be platform-agnostic (removed mingw-specific packages)
- Removed minimalistic UI switch
- Implemented system theme detection (dark/light mode auto-detection)
- Updated event info for NuttX International Workshop 2026 (Glasgow)
- Enhanced responsive design with clamp() for fluid typography
- Added GitHub integration with stats badges and repository links
- Improved mobile navigation with hamburger menu
- Updated demo page styling and metadata

This enables easy theme switching without touching content files.
@michallenc
Copy link

Screenshot_20260221_182529_Chrome

Looks good now except for these widgets wider than the black box. Feel free to address this in the next MR though if you prefer.

@Abhishekmishra2808
Copy link
Contributor Author

@michallenc Thank you for pointing this out.
Though It works correctly on wider screens (>389px), but it breaks on smaller devices. Since most mobile devices are above that width, it works in most cases. However, I’ll address this issue in the next MR.

po

@acassis acassis merged commit f0f17d6 into apache:master Feb 21, 2026
1 check passed
@cederom
Copy link
Contributor

cederom commented Feb 22, 2026

Big thank you amazing job @Abhishekmishra2808 !! :-)

  • There are some mingw remiains in the Gemfile.lock.
  • Hamburger menu is usually close to the screen edge - can we move theme switch into the menu bottom when in hamburger and the hamburger to the right egde where the theme switch currently is?
  • github stars and forks shows as text not icons with numbers.

Overall impression is amazing, whoah we finally have a beautiful and still functional website!! =)

shot-2026-02-22_04-29-01

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.

5 participants