This is an automated email from the ASF dual-hosted git repository. acassis pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/nuttx-website.git
commit 9bd91d275ec4b35e0f284412e9a753b2486108ee Author: abhishek mishra <[email protected]> AuthorDate: Wed Feb 18 01:29:20 2026 +0530 fixed navbar, changed to sans seriff, interaction removed --- _includes/themes/apache/_navigation.html | 121 ++++++++---- _includes/themes/apache/default.html | 53 ++--- assets/themes/apache/css/modern.css | 319 +++++++++++++++++++++---------- index.md | 66 +++---- 4 files changed, 357 insertions(+), 202 deletions(-) diff --git a/_includes/themes/apache/_navigation.html b/_includes/themes/apache/_navigation.html index af5aac8014..3b4583e257 100644 --- a/_includes/themes/apache/_navigation.html +++ b/_includes/themes/apache/_navigation.html @@ -10,64 +10,101 @@ <!-- Navigation Menu --> <div class="navbar-menu-wrapper"> - <div class="navbar-menu"> - <div class="menu-item dropdown"> - <button class="menu-link" aria-expanded="false">Community</button> - <div class="dropdown-menu"> - <a href="{{ site.baseurl }}/community" class="dropdown-link">Get Involved</a> - <a href="{{ site.baseurl }}/community-members" class="dropdown-link">Who we are</a> - <a href="{{ site.data.project.community_events }}" class="dropdown-link" target="_blank" rel="noopener noreferrer">Events</a> - </div> - </div> - - <div class="menu-item dropdown"> - <button class="menu-link" aria-expanded="false">Read</button> - <div class="dropdown-menu"> - <a href="https://nuttx.apache.org/docs/latest"; class="dropdown-link" target="_blank" rel="noopener noreferrer">Documentation</a> - <a href="{{ site.baseurl }}/articles" class="dropdown-link">Articles & Publications</a> - <a href="https://nuttx.apache.org/docs/latest/security.html"; class="dropdown-link" target="_blank" rel="noopener noreferrer">Security</a> + <nav class="navbar-menu"> + <!-- Community Dropdown --> + <div class="nav-item has-dropdown"> + <button class="nav-link" type="button"> + Community + <svg class="dropdown-arrow" width="10" height="6" viewBox="0 0 10 6" fill="none"> + <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> + </svg> + </button> + <div class="dropdown-content"> + <a href="{{ site.baseurl }}/community" class="dropdown-item">Get Involved</a> + <a href="{{ site.baseurl }}/community-members" class="dropdown-item">Who we are</a> + <a href="{{ site.data.project.community_events }}" class="dropdown-item" target="_blank" rel="noopener noreferrer">Events</a> </div> </div> - <div class="menu-item dropdown"> - <button class="menu-link" aria-expanded="false">Code</button> - <div class="dropdown-menu"> - <a href="{{ site.baseurl }}/download" class="dropdown-link">Releases</a> - <a href="{{ site.data.project.source_repository_os_mirror }}" class="dropdown-link" target="_blank" rel="noopener noreferrer">RTOS source code</a> - <a href="{{ site.data.project.source_repository_apps_mirror }}" class="dropdown-link" target="_blank" rel="noopener noreferrer">APPS source code</a> + <!-- Read Dropdown --> + <div class="nav-item has-dropdown"> + <button class="nav-link" type="button"> + Read + <svg class="dropdown-arrow" width="10" height="6" viewBox="0 0 10 6" fill="none"> + <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> + </svg> + </button> + <div class="dropdown-content"> + <a href="https://nuttx.apache.org/docs/latest"; class="dropdown-item" target="_blank" rel="noopener noreferrer">Documentation</a> + <a href="{{ site.baseurl }}/articles" class="dropdown-item">Articles & Publications</a> + <a href="https://nuttx.apache.org/docs/latest/security.html"; class="dropdown-item" target="_blank" rel="noopener noreferrer">Security</a> </div> </div> - <div class="menu-item dropdown"> - <button class="menu-link" aria-expanded="false">Apache</button> - <div class="dropdown-menu"> - <a href="https://www.apache.org/foundation/how-it-works.html"; class="dropdown-link" target="_blank" rel="noopener noreferrer">Apache Software Foundation</a> - <a href="https://www.apache.org/licenses/"; class="dropdown-link" target="_blank" rel="noopener noreferrer">License</a> - <a href="https://www.apache.org/security/"; class="dropdown-link" target="_blank" rel="noopener noreferrer">Security</a> - <a href="https://privacy.apache.org/policies/privacy-policy-public.html"; class="dropdown-link" target="_blank" rel="noopener noreferrer">Privacy</a> - <a href="https://www.apache.org/events/current-event.html"; class="dropdown-link" target="_blank" rel="noopener noreferrer">Events</a> - <a href="https://www.apache.org/foundation/sponsorship.html"; class="dropdown-link" target="_blank" rel="noopener noreferrer">Sponsorship</a> - <a href="https://www.apache.org/foundation/thanks.html"; class="dropdown-link" target="_blank" rel="noopener noreferrer">Thanks</a> + <!-- Code Dropdown --> + <div class="nav-item has-dropdown"> + <button class="nav-link" type="button"> + Code + <svg class="dropdown-arrow" width="10" height="6" viewBox="0 0 10 6" fill="none"> + <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> + </svg> + </button> + <div class="dropdown-content"> + <a href="{{ site.baseurl }}/download" class="dropdown-item">Releases</a> + <a href="{{ site.data.project.source_repository_os_mirror }}" class="dropdown-item" target="_blank" rel="noopener noreferrer">RTOS source code</a> + <a href="{{ site.data.project.source_repository_apps_mirror }}" class="dropdown-item" target="_blank" rel="noopener noreferrer">APPS source code</a> </div> </div> - <!-- Theme Toggle in Navbar --> - <div class="menu-item"> - <button class="theme-toggle" id="themeToggle" aria-label="Toggle dark mode"> - <img class="theme-icon sun-icon" src="{{ site.baseurl }}/static/icons/sun.svg" alt="Light mode" width="20" height="20"> - <img class="theme-icon moon-icon" src="{{ site.baseurl }}/static/icons/moon.svg" alt="Dark mode" width="20" height="20"> + <!-- Apache Dropdown --> + <div class="nav-item has-dropdown"> + <button class="nav-link" type="button"> + Apache + <svg class="dropdown-arrow" width="10" height="6" viewBox="0 0 10 6" fill="none"> + <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> + </svg> </button> + <div class="dropdown-content"> + <a href="https://www.apache.org/foundation/how-it-works.html"; class="dropdown-item" target="_blank" rel="noopener noreferrer">Apache Software Foundation</a> + <a href="https://www.apache.org/licenses/"; class="dropdown-item" target="_blank" rel="noopener noreferrer">License</a> + <a href="https://www.apache.org/security/"; class="dropdown-item" target="_blank" rel="noopener noreferrer">Security</a> + <a href="https://privacy.apache.org/policies/privacy-policy-public.html"; class="dropdown-item" target="_blank" rel="noopener noreferrer">Privacy</a> + <a href="https://www.apache.org/events/current-event.html"; class="dropdown-item" target="_blank" rel="noopener noreferrer">Events</a> + <a href="https://www.apache.org/foundation/sponsorship.html"; class="dropdown-item" target="_blank" rel="noopener noreferrer">Sponsorship</a> + <a href="https://www.apache.org/foundation/thanks.html"; class="dropdown-item" target="_blank" rel="noopener noreferrer">Thanks</a> + </div> </div> - </div> + </nav> + + <!-- Theme Toggle --> + <button class="theme-toggle" id="themeToggle" aria-label="Toggle dark mode" type="button"> + <svg class="theme-icon sun-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> + <circle cx="12" cy="12" r="5"/> + <line x1="12" y1="1" x2="12" y2="3"/> + <line x1="12" y1="21" x2="12" y2="23"/> + <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/> + <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/> + <line x1="1" y1="12" x2="3" y2="12"/> + <line x1="21" y1="12" x2="23" y2="12"/> + <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/> + <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/> + </svg> + <svg class="theme-icon moon-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> + <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/> + </svg> + </button> + + {% if page.title == "Home" %} + <!-- Minimalistic UI Toggle --> + <button class="doc-mode-toggle-navbar" id="docModeToggle" aria-label="Toggle minimalistic UI" title="Toggle minimalistic documentation view" type="button"> + <span class="toggle-label">Minimalistic</span> + </button> + {% endif %} </div> </div> </nav> {% if page.title == "Home" %} - <!-- Minimalistic UI Toggle - Top Right Corner --> - <button class="doc-mode-toggle-corner" id="docModeToggle" aria-label="Toggle minimalistic UI" title="Toggle minimalistic documentation view"> - <span class="toggle-label">Minimalistic UI</span> - </button> <section class="hero-section"> <div class="hero-grid-background"></div> diff --git a/_includes/themes/apache/default.html b/_includes/themes/apache/default.html index 5823c8302e..c8cd770063 100644 --- a/_includes/themes/apache/default.html +++ b/_includes/themes/apache/default.html @@ -107,36 +107,43 @@ // Dropdown Toggle (function() { - const dropdowns = document.querySelectorAll('.menu-item.dropdown'); + const navItems = document.querySelectorAll('.nav-item.has-dropdown'); - dropdowns.forEach(function(dropdown) { - const button = dropdown.querySelector('.menu-link'); + navItems.forEach(function(item) { + const button = item.querySelector('.nav-link'); - button.addEventListener('click', function(e) { - e.stopPropagation(); - - // Close all other dropdowns - dropdowns.forEach(function(other) { - if (other !== dropdown) { - other.classList.remove('active'); - const otherButton = other.querySelector('.menu-link'); - if (otherButton) otherButton.setAttribute('aria-expanded', 'false'); - } + if (button) { + button.addEventListener('click', function(e) { + e.preventDefault(); + e.stopPropagation(); + + // Close all other dropdowns + navItems.forEach(function(otherItem) { + if (otherItem !== item) { + otherItem.classList.remove('active'); + } + }); + + // Toggle current dropdown + item.classList.toggle('active'); }); - - // Toggle current dropdown - const isActive = dropdown.classList.toggle('active'); - button.setAttribute('aria-expanded', isActive ? 'true' : 'false'); - }); + } }); // Close dropdowns when clicking outside document.addEventListener('click', function(e) { - if (!e.target.closest('.menu-item.dropdown')) { - dropdowns.forEach(function(dropdown) { - dropdown.classList.remove('active'); - const button = dropdown.querySelector('.menu-link'); - if (button) button.setAttribute('aria-expanded', 'false'); + if (!e.target.closest('.nav-item.has-dropdown')) { + navItems.forEach(function(item) { + item.classList.remove('active'); + }); + } + }); + + // Close on escape key + document.addEventListener('keydown', function(e) { + if (e.key === 'Escape') { + navItems.forEach(function(item) { + item.classList.remove('active'); }); } }); diff --git a/assets/themes/apache/css/modern.css b/assets/themes/apache/css/modern.css index fdb141b015..077ad7bf66 100644 --- a/assets/themes/apache/css/modern.css +++ b/assets/themes/apache/css/modern.css @@ -76,37 +76,34 @@ body { top: 0; left: 0; right: 0; + width: 100%; height: var(--navbar-height); background: #ffffff; - backdrop-filter: blur(8px); - -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--border-color); z-index: 1000; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); - padding: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } [data-theme="dark"] .navbar { - background: #020617; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + background: #191a1a; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); + border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .navbar-container { - max-width: 1200px; - margin: 0 auto; + max-width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; - padding: 0 32px; - gap: 2rem; - position: relative; + padding: 0 40px; } -/* Logo Section */ +/* Logo */ .navbar-logo { display: flex; align-items: center; + flex-shrink: 0; } .logo-link { @@ -118,7 +115,7 @@ body { } .logo-link:hover { - opacity: 0.9; + opacity: 0.85; } .logo-img { @@ -129,195 +126,270 @@ body { .logo-text { color: var(--text-primary); - font-size: 20px; + font-size: 18px; font-weight: 600; - letter-spacing: -0.02em; + letter-spacing: -0.01em; font-family: 'Patua One', cursive; + white-space: nowrap; } -/* Navigation Menu Section */ +/* Navigation Menu Wrapper */ .navbar-menu-wrapper { display: flex; align-items: center; - gap: 12px; + gap: 24px; } .navbar-menu { display: flex; align-items: center; gap: 4px; - background: transparent; - border-radius: 0; - padding: 0; - border: none; } -.menu-item { +/* Navigation Items */ +.nav-item { position: relative; } -.menu-link { +.nav-link { display: flex; align-items: center; - gap: 6px; - padding: 8px 16px; - color: var(--text-primary); + gap: 4px; + padding: 10px 16px; background: transparent; border: none; - font-size: 15px; + color: var(--text-primary); + font-size: 14px; font-weight: 500; - border-radius: 8px; cursor: pointer; - transition: all 0.2s ease; + transition: color 0.2s ease; white-space: nowrap; text-decoration: none; } -.menu-link:hover { - background: var(--bg-card); +.nav-link:hover { color: var(--accent-primary); } -.menu-item.dropdown .menu-link::after { - content: '▾'; - font-size: 12px; - margin-left: 4px; +/* Dropdown Arrow */ +.dropdown-arrow { transition: transform 0.2s ease; + opacity: 0.6; } -.menu-item.dropdown.active .menu-link::after { +.nav-item.active .dropdown-arrow { transform: rotate(180deg); } -/* Dropdown Menu */ -.dropdown-menu { +/* Dropdown Content */ +.dropdown-content { position: absolute; - top: calc(100% + 0.5rem); + top: calc(100% + 12px); left: 50%; - transform: translateX(-50%); - background: var(--bg-section); - backdrop-filter: none; - -webkit-backdrop-filter: none; + transform: translateX(-50%) translateY(-10px); + background: #ffffff; border: 1px solid var(--border-color); - border-radius: 12px; - box-shadow: var(--shadow-lg); - min-width: 220px; + border-radius: 8px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + min-width: 200px; opacity: 0; visibility: hidden; pointer-events: none; - transition: all 0.3s ease; - overflow: hidden; + transition: all 0.2s ease; z-index: 1001; } -[data-theme="light"] .dropdown-menu { - background: #ffffff; -} - -[data-theme="dark"] .dropdown-menu { - background: #0b0c0c; +[data-theme="dark"] .dropdown-content { + background: #1e293b; + border-color: rgba(255, 255, 255, 0.1); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } -.menu-item.dropdown.active .dropdown-menu { +.nav-item.active .dropdown-content { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); } -.dropdown-link { +/* Dropdown Items */ +.dropdown-item { display: block; - padding: 12px 16px; + padding: 10px 16px; color: var(--text-primary); text-decoration: none; font-size: 14px; - transition: all 0.2s ease; - border-left: 3px solid transparent; + transition: all 0.15s ease; + border-left: 2px solid transparent; } -.dropdown-link:hover { +.dropdown-item:hover { background: var(--bg-card); color: var(--accent-primary); border-left-color: var(--accent-primary); + padding-left: 18px; text-decoration: none; } -/* Theme Toggle */ -.navbar-theme { - display: flex; - align-items: center; - gap: 8px; +.dropdown-item:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; } +.dropdown-item:last-child { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +/* Theme Toggle */ .theme-toggle { - width: 36px; - height: 36px; - border-radius: 8px; + position: relative; + width: 40px; + height: 40px; + padding: 0; background: transparent; border: 1px solid var(--border-color); + border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; - position: relative; } .theme-toggle:hover { - background: var(--bg-card); + background: rgba(59, 130, 246, 0.1); border-color: var(--accent-primary); } .theme-icon { - width: 16px; - height: 16px; + position: absolute; + width: 18px; + height: 18px; color: var(--text-primary); transition: all 0.3s ease; - position: absolute; } .sun-icon { opacity: 0; - transform: rotate(90deg); + transform: rotate(90deg) scale(0.8); } .moon-icon { opacity: 1; - transform: rotate(0deg); + transform: rotate(0deg) scale(1); } [data-theme="dark"] .sun-icon { opacity: 1; - transform: rotate(0deg); + transform: rotate(0deg) scale(1); } [data-theme="dark"] .moon-icon { opacity: 0; - transform: rotate(-90deg); + transform: rotate(-90deg) scale(0.8); +} + +/* Doc Mode Toggle in Navbar */ +.doc-mode-toggle-navbar { + height: 40px; + padding: 0 1rem; + background: transparent; + border: 1px solid var(--border-color); + border-radius: 6px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.2s ease; + font-size: 0.9rem; + font-weight: 500; + color: var(--text-primary); + white-space: nowrap; +} + +.doc-mode-toggle-navbar:hover { + background: rgba(59, 130, 246, 0.1); + border-color: var(--accent-primary); +} + +[data-doc-mode="true"] .doc-mode-toggle-navbar { + background: rgba(59, 130, 246, 0.15); + border-color: var(--accent-primary); +} + +/* Responsive Navbar */ +@media (max-width: 992px) { + .navbar-container { + padding: 0 24px; + } + + .navbar-menu { + gap: 0; + } + + .nav-link { + padding: 10px 12px; + font-size: 13px; + } +} + +@media (max-width: 768px) { + .logo-text { + display: none; + } + + .navbar-menu { + gap: 0; + } + + .nav-link { + padding: 10px 8px; + font-size: 13px; + } + + .dropdown-content { + left: 0; + transform: translateX(0) translateY(-10px); + } + + .nav-item.active .dropdown-content { + transform: translateX(0) translateY(0); + } +} + +@media (max-width: 640px) { + .navbar-container { + padding: 0 16px; + } + + .navbar-menu-wrapper { + gap: 12px; + } } /* Minimalistic UI Toggle - Top Right Corner */ .doc-mode-toggle-corner { position: fixed; - top: 18px; + top: calc(var(--navbar-height) + 20px); right: 20px; - z-index: 1000; + z-index: 999; display: flex; align-items: center; gap: 0.5rem; - padding: 0.75rem 1.25rem; + padding: 0.6rem 1rem; background: rgba(59, 130, 246, 0.15); border: 1px solid rgba(59, 130, 246, 0.3); - border-radius: 50px; + border-radius: 8px; cursor: pointer; transition: all 0.3s ease; - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .doc-mode-toggle-corner:hover { background: rgba(59, 130, 246, 0.25); - transform: translateY(-2px); - box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); + transform: translateY(-1px); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .doc-mode-toggle-corner .toggle-label { @@ -488,13 +560,13 @@ body { .hero-title { font-size: 17rem; - font-weight: 500; + font-weight: 700; color: var(--text-primary); margin-bottom: 2rem; margin-top: 6.5rem; - font-family: 'Patua One', cursive; + font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; animation: fadeInUp 0.6s ease-out; - letter-spacing: -0.02em; + letter-spacing: -0.03em; line-height: 1; } @@ -1300,7 +1372,6 @@ tr:hover { border: 1px solid var(--border-color); border-radius: 16px; padding: 2.5rem; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; display: flex; @@ -1315,18 +1386,6 @@ tr:hover { right: 0; height: 4px; background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary)); - transform: scaleX(0); - transition: transform 0.3s ease; -} - -.feature-card:hover::before { - transform: scaleX(1); -} - -.feature-card:hover { - transform: translateY(-8px); - box-shadow: var(--shadow-lg); - border-color: var(--accent-primary); } .feature-icon { @@ -2845,8 +2904,60 @@ tr:hover { color: var(--accent-primary) !important; } -@media (max-width: 480px) { - .hero-title { - font-size: 5rem; - } +/* ===== ARTICLES PAGE STYLING ===== */ +.page-header h1 { + font-size: 2.5rem; + font-weight: 700; + margin-bottom: 1.5rem; + color: var(--text-primary); +} + +.content-wrapper h2 { + font-size: 4rem; + font-weight: 700; + margin-top: 3rem; + margin-bottom: 1rem; + color: var(--text-primary); + border-bottom: 2px solid var(--border-color); + padding-bottom: 0.75rem; +} + +.content-wrapper h3 { + font-size: 1.8rem; + font-weight: 600; + margin-top: 1rem; + margin-bottom: 1rem; + color: var(--text-primary); +} + +.content-wrapper h4 { + font-size: 1.15rem; + font-weight: 600; + margin-top: 1.5rem; + margin-bottom: 0.75rem; + color: var(--accent-primary); + text-transform: uppercase; + letter-spacing: 0.05em; + font-size: 0.95rem; +} + +.content-wrapper p { + font-size: 1.59rem; + line-height: 1.7; + margin-bottom: 1.25rem; + color: var(--text-secondary); +} + +.content-wrapper a { + color: var(--accent-primary); + text-decoration: none; + font-weight: 500; + transition: color 0.2s ease; +} + +.content-wrapper a:hover { + color: var(--accent-hover); + text-decoration: underline; +} + } diff --git a/index.md b/index.md index 313eb46b01..065d1a2d56 100644 --- a/index.md +++ b/index.md @@ -240,7 +240,7 @@ limitations under the License. <div class="terminal-title">NuttShell (NSH)</div> </div> <div class="terminal-body"> - <pre class="terminal-code">NuttShell (NSH) NuttX-12.7.0 + <pre class="terminal-code">NuttShell (NSH) NuttX-12.4.0 nsh> <span class="cursor">█</span></pre> </div> <div class="demo-overlay"> @@ -321,85 +321,85 @@ nsh> <span class="cursor">█</span></pre> <div class="carousel-wrapper"> <div class="carousel-track"> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.sony.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/sony.svg" alt="Sony" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.samsung.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/samsung.svg" alt="Samsung" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.mi.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/xiaomi.svg" alt="Xiaomi" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.google.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/google.svg" alt="Google" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.motorola.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/motorola.svg" alt="Motorola" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.fitbit.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/fitbit.svg" alt="Fitbit" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.seeedstudio.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/seeed.png" alt="Seeed Studio" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.inspace.aero"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/inspace.png" alt="InSpace" class="company-logo-img"> - </div> + </a> </div> <!-- Duplicate slides for seamless loop --> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.sony.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/sony.svg" alt="Sony" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.samsung.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/samsung.svg" alt="Samsung" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.mi.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/xiaomi.svg" alt="Xiaomi" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.google.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/google.svg" alt="Google" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.motorola.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/motorola.svg" alt="Motorola" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.fitbit.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/fitbit.svg" alt="Fitbit" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.seeedstudio.com"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/seeed.png" alt="Seeed Studio" class="company-logo-img"> - </div> + </a> </div> <div class="carousel-slide"> - <div class="company-logo-container"> + <a href="https://www.inspace.aero"; target="_blank" rel="noopener noreferrer" class="company-logo-container"> <img src="{{ site.baseurl }}/static/companies/inspace.png" alt="InSpace" class="company-logo-img"> - </div> + </a> </div> </div> </div>
