Fix UI for the mobile view and Separate Content from Theme

_data/homepage.yml

@@ -0,0 +1,155 @@
+# Homepage content data
+# This file contains all the content for the homepage sections
+# Separating content from theme allows easy theme switching
+
+# Features Section
+features:
+  title: "Key Features"
+  subtitle: "A real-time operating system designed for embedded systems"
+  items:
+    - icon: "cpu-architecture.svg"
+      title: "15+ CPU Architectures"
+      description: "Runs on ARM, RISC-V, x86, Xtensa, and more. Supports multiple CPU architectures and hardware platforms."
+    - icon: "hardware-boards.svg"
+      title: "300+ Hardware Boards"
+      description: "Extensive board support from popular development kits to custom hardware."
+    - icon: "configuration.svg"
+      title: "1500+ Configuration Templates"
+      description: "Pre-configured builds for rapid prototyping and production deployment."
+    - icon: "community-people.svg"
+      title: "Open Community"
+      description: "Developed and maintained by an active open-source community."
+
+# Documentation Section
+documentation:
+  title: "Documentation"
+  subtitle: "Complete guides, security information, and research papers"
+  resources:
+    - icon: "document-full.svg"
+      title: "Full Documentation"
+      description: "Complete API reference, user guides, and developer documentation for Apache NuttX RTOS."
+      url: "https://nuttx.apache.org/docs/latest"
+      external: true
+    - icon: "security-shield.svg"
+      title: "Security Documentation"
+      description: "Security guidelines, best practices, and vulnerability reporting information."
+      url: "https://nuttx.apache.org/docs/latest/security.html"
+      external: true
+    - icon: "articles-papers.svg"
+      title: "Scientific Papers & Articles"
+      description: "Research papers, technical articles, and publications about Apache NuttX."
+      url: "/articles"
+      external: false
+
+# Technical Structure Section
+technical:
+  title: "Technical Structure"
+  subtitle: "Access source code, releases, and project repositories"
+  intro: "Release packages are available for download. We use three primary GIT repositories to develop the project: <strong><a href=\"{{ site.data.project.source_repository_os_mirror }}\" target=\"_blank\" rel=\"noopener noreferrer\">RTOS</a></strong>, <strong><a href=\"{{ site.data.project.source_repository_apps_mirror }}\" target=\"_blank\" rel=\"noopener noreferrer\">Applications</a></strong>, and <strong><a href=\"https://github.com/apache/nuttx-website\" target=\"_blank\" rel=\"noopener noreferrer\">Website</a></strong>. Documentation is part of the RTOS repository and then built and hosted online."
+  resources:
+    - icon: "download.svg"
+      title: "Release Packages"
+      description: "Download official Apache NuttX releases with verified signatures and checksums."
+      url: "/download"
+      external: false
+    - icon: "code-repos.svg"
+      title: "RTOS Repository"
+      description: "Core RTOS code, kernel, drivers, and documentation sources."
+      url_key: "source_repository_os_mirror"
+      external: true
+    - icon: "code-repos.svg"
+      title: "Applications Repository"
+      description: "Sample applications, examples, and utilities for NuttX."
+      url_key: "source_repository_apps_mirror"
+      external: true
+    - icon: "website-globe.svg"
+      title: "Website Repository"
+      description: "Source code for the Apache NuttX project website."
+      url: "https://github.com/apache/nuttx-website"
+      external: true
+    - icon: "video-play.svg"
+      title: "Video Tutorials"
+      description: "Step-by-step video guides and workshops on YouTube."
+      url: "https://www.youtube.com/@nuttxchannel"
+      external: true
+    - icon: "code-examples.svg"
+      title: "Code Examples"
+      description: "Browse hundreds of sample applications and code examples."
+      url: "https://github.com/apache/nuttx-apps"
+      external: true
+
+# Demo Section
+demo:
+  title: "Try NuttX Shell"
+  description: "Experience NuttX POSIX-compliant shell environment. Click to launch the interactive WebAssembly demo."
+  terminal_title: "NuttShell (NSH)"
+  terminal_version: "NuttX-12.4.0"
+  url: "/demo"
+
+# Community Section
+community:
+  title: "Join the Apache NuttX Community"
+  description: "NuttX is developed and maintained by an international <a href=\"{{ site.baseurl }}/community-members\">group of volunteers</a> from all around the world. We welcome developers of all skill levels to contribute to the project. View our <a href=\"https://github.com/apache/nuttx/graphs/contributors\" target=\"_blank\" rel=\"noopener noreferrer\">full contributor list on GitHub</a>."
+  channels_title: "Connect With Us"
+  channels:
+    - name: "Mailing List (Main)"
+      icon: "mailing-list.svg"
+      url_key: "dev_list_archive_mailarchive"
+    - name: "Discord"
+      icon: "discord.svg"
+      url_key: "socialmedia_discord"
+    - name: "Hackster"
+      icon: "hackster.svg"
+      url_key: "socialmedia_hackster"
+    - name: "LinkedIn"
+      icon: "linkedin.svg"
+      url_key: "socialmedia_linkedin_company"
+    - name: "Reddit"
+      icon: "reddit.svg"
+      url_key: "socialmedia_reddit"
+    - name: "YouTube"
+      icon: "youtube.svg"
+      url_key: "socialmedia_youtube"
+
+# Event Information
+event:
+  title: "NuttX International Workshop 2026"
+  date: "October 11-14, 2026"
+  location: "Hilton Glasgow, Scotland"
+  description: "Join us at Community Over Code Glasgow 2026 for the NuttX International Workshop. Four in-person days of sessions focusing on Search, Big Data, IoT, Community, and more."
+  links:
+    - text: "Community Over Code"
+      url: "https://communityovercode.org/"
+      external: true
+    - text: "NuttX Events"
+      url_key: "community_events"
+      external: false
+
+# Companies Section
+companies:
+  title: "Trusted by teams everywhere"
+  logos:
+    - name: "Sony"
+      image: "sony.svg"
+      url: "https://www.sony.com"
+    - name: "Samsung"
+      image: "samsung.svg"
+      url: "https://www.samsung.com"
+    - name: "Xiaomi"
+      image: "xiaomi.svg"
+      url: "https://www.mi.com"
+    - name: "Google"
+      image: "google.svg"
+      url: "https://www.google.com"
+    - name: "Motorola"
+      image: "motorola.svg"
+      url: "https://www.motorola.com"
+    - name: "Fitbit"
+      image: "fitbit.svg"
+      url: "https://www.fitbit.com"
+    - name: "Seeed Studio"
+      image: "seeed.png"
+      url: "https://www.seeedstudio.com"
+    - name: "InSpace"
+      image: "inspace.png"
+      url: "https://www.cuinspace.ca/"