-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
18 lines (18 loc) · 110 KB
/
Copy pathindex.html
File metadata and controls
18 lines (18 loc) · 110 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html><html lang="en" dir="ltr" data-lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bridgetek EVE — Open Source Portal</title><meta name="description" content="Bridgetek EVE open source portal: display modules, application notes, MCU (FT9xx) & EVE (FT8xx/BT8xx) repositories, Embedded World demos and tutorials."><meta name="generator" content="Astro v5.18.2"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:site_name" content="Bridgetek EVE"><meta property="og:title" content="Bridgetek EVE — Open Source Portal"><meta property="og:description" content="Bridgetek EVE open source portal: display modules, application notes, MCU (FT9xx) & EVE (FT8xx/BT8xx) repositories, Embedded World demos and tutorials."><meta property="og:image" content="/images/opensource.png"><!-- i18n --><link rel="alternate" hreflang="en" href="/"><link rel="alternate" hreflang="ch" href="/ch/"><link rel="alternate" hreflang="x-default" href="/"><link rel="canonical" href="/en/"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><!-- Fonts: Space Grotesk (display) + Inter (body); CJK falls back to system fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/index.BdSi5gHt.css"></head> <body class="min-h-screen antialiased"> <header id="site-header" class="fixed inset-x-0 top-0 z-50 transition-all duration-300"> <div class="mx-auto flex h-[72px] max-w-7xl items-center justify-between gap-4 px-4 sm:px-6 lg:px-8"> <!-- Brand --> <a href="/" class="group flex shrink-0 items-center gap-3" aria-label="Bridgetek EVE"> <img src="/Bridgetek_FA.svg" alt="Bridgetek" class="h-9 w-auto brightness-0 invert transition-transform duration-300 group-hover:scale-105" width="120" height="36"> <span class="hidden flex-col leading-none sm:flex"> <span class="font-display text-lg font-bold tracking-tight text-white"> Bridgetek </span> <span class="text-xs font-semibold uppercase tracking-[0.3em] text-eve-400"> EVE </span> </span> </a> <!-- Desktop nav --> <nav class="hidden items-center gap-1 lg:flex" aria-label="Primary"> <a href="#overview" class="rounded-full px-3.5 py-2 text-sm font-medium text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> Overview </a><a href="#modules" class="rounded-full px-3.5 py-2 text-sm font-medium text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> Modules </a><a href="#an" class="rounded-full px-3.5 py-2 text-sm font-medium text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> Application Notes </a><a href="#mcu" class="rounded-full px-3.5 py-2 text-sm font-medium text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> MCU (FT9xx) </a><a href="#eve" class="rounded-full px-3.5 py-2 text-sm font-medium text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> EVE </a><a href="#embedded_world" class="rounded-full px-3.5 py-2 text-sm font-medium text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> Embedded World </a><a href="#tutorials" class="rounded-full px-3.5 py-2 text-sm font-medium text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> Tutorials </a> <a href="http://www.brtcommunity.com" target="_blank" rel="noopener noreferrer" class="rounded-full px-3.5 py-2 text-sm font-medium text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> Community <svg class="ml-1 inline -translate-y-px opacity-70" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </nav> <div class="flex items-center gap-3"> <!-- Language switch --> <div class="flex items-center gap-1 rounded-full border border-white/10 bg-white/5 p-1 backdrop-blur" role="group" aria-label="Language"> <a href="/en/" class="lang-pill rounded-full px-3.5 py-1.5 text-xs font-semibold text-slate-200" aria-current="true"> EN </a> <a href="/ch/" class="lang-pill rounded-full px-3.5 py-1.5 text-xs font-semibold text-slate-200" aria-current="false"> 中文 </a> </div> <!-- Mobile menu button --> <button id="menu-toggle" type="button" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/10 bg-white/5 text-slate-200 lg:hidden" aria-label="Toggle menu" aria-expanded="false" aria-controls="mobile-menu"> <svg class="menu-icon-open" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18M3 12h18M3 18h18"></path></svg> <svg class="menu-icon-close hidden" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18M6 6l12 12"></path></svg> </button> </div> </div> <!-- Mobile menu --> <div id="mobile-menu" class="hidden border-t border-white/5 bg-ink-900/95 px-4 pb-6 pt-3 backdrop-blur-xl lg:hidden"> <nav class="flex flex-col gap-1" aria-label="Mobile primary"> <a href="#overview" class="rounded-xl px-4 py-3 text-base font-medium text-slate-200 transition-colors hover:bg-white/5 hover:text-eve-300"> Overview </a><a href="#modules" class="rounded-xl px-4 py-3 text-base font-medium text-slate-200 transition-colors hover:bg-white/5 hover:text-eve-300"> Modules </a><a href="#an" class="rounded-xl px-4 py-3 text-base font-medium text-slate-200 transition-colors hover:bg-white/5 hover:text-eve-300"> Application Notes </a><a href="#mcu" class="rounded-xl px-4 py-3 text-base font-medium text-slate-200 transition-colors hover:bg-white/5 hover:text-eve-300"> MCU (FT9xx) </a><a href="#eve" class="rounded-xl px-4 py-3 text-base font-medium text-slate-200 transition-colors hover:bg-white/5 hover:text-eve-300"> EVE </a><a href="#embedded_world" class="rounded-xl px-4 py-3 text-base font-medium text-slate-200 transition-colors hover:bg-white/5 hover:text-eve-300"> Embedded World </a><a href="#tutorials" class="rounded-xl px-4 py-3 text-base font-medium text-slate-200 transition-colors hover:bg-white/5 hover:text-eve-300"> Tutorials </a> <a href="http://www.brtcommunity.com" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 rounded-xl px-4 py-3 text-base font-medium text-slate-200 transition-colors hover:bg-white/5 hover:text-eve-300"> Community <svg class="opacity-70" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </nav> </div> </header> <script type="module">const s=document.getElementById("site-header"),t=document.getElementById("menu-toggle"),n=document.getElementById("mobile-menu"),c=()=>{if(!s)return;const e=window.scrollY>12;s.classList.toggle("bg-ink-950/85",e),s.classList.toggle("backdrop-blur-xl",e),s.classList.toggle("border-b",e),s.classList.toggle("border-white/5",e)};c();window.addEventListener("scroll",c,{passive:!0});t?.addEventListener("click",()=>{const e=n?.classList.toggle("hidden")===!1;t.setAttribute("aria-expanded",String(e));const o=t.querySelector(".menu-icon-open"),l=t.querySelector(".menu-icon-close");o?.classList.toggle("hidden",e),l?.classList.toggle("hidden",!e)});n?.addEventListener("click",e=>{e.target.closest("a")&&(n.classList.add("hidden"),t?.setAttribute("aria-expanded","false"),t?.querySelector(".menu-icon-open")?.classList.remove("hidden"),t?.querySelector(".menu-icon-close")?.classList.add("hidden"))});</script> <section id="top" class="relative flex min-h-screen items-center overflow-hidden"> <!-- background layers --> <div class="bg-grid absolute inset-0 opacity-60"></div> <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_top,rgba(14,165,233,0.16),transparent_55%),radial-gradient(ellipse_at_bottom_right,rgba(237,28,36,0.10),transparent_50%)]"></div> <div class="absolute inset-x-0 top-0 h-40 bg-gradient-to-b from-ink-950 to-transparent"></div> <div class="relative z-10 mx-auto grid w-full max-w-7xl grid-cols-1 items-center gap-10 px-4 pb-16 pt-28 sm:px-6 lg:grid-cols-2 lg:gap-6 lg:px-8 lg:pt-24"> <!-- Text --> <div class="reveal is-visible order-2 text-center lg:order-1 lg:text-left"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1.5 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <svg class width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1"></path><path class="fill-current" d="M12 8.5c.9 2 2.6 3.7 4.5 4.5-1.9.8-3.6 2.5-4.5 4.5-.9-2-2.6-3.7-4.5-4.5 1.9-.8 3.6-2.5 4.5-4.5z"></path></svg> Bridgetek · Open Source Portal </span> <h1 class="mt-6 font-display text-4xl font-bold leading-[1.08] tracking-tight text-white sm:text-5xl xl:text-6xl"> Bring every display to life with <span class="text-gradient block">EVE</span> </h1> <p class="mx-auto mt-6 max-w-xl text-base leading-relaxed text-slate-400 sm:text-lg lg:mx-0"> This website provides an overview of the open source repositories, which are created or forked by Bridgetek for customers. You may find the desired repositories easily via it. </p> <div class="mt-9 flex flex-wrap items-center justify-center gap-4 lg:justify-start"> <a href="#overview" class="group inline-flex items-center gap-2 rounded-full bg-gradient-to-r from-eve-500 to-azure-500 px-7 py-3.5 text-sm font-semibold text-ink-950 shadow-glow transition-all hover:shadow-glow hover:brightness-110"> Explore repositories <svg class="transition-transform group-hover:translate-x-1" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </a> <a href="#embedded_world" class="inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/5 px-7 py-3.5 text-sm font-semibold text-slate-100 backdrop-blur transition-colors hover:border-eve-400/50 hover:text-eve-300"> <svg class width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> Watch demos </a> </div> <!-- mini badges --> <div class="mt-10 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-xs text-slate-500 lg:justify-start"> <span class="inline-flex items-center gap-2"> <svg class="text-eve-400" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"></rect><rect x="9.5" y="9.5" width="5" height="5" rx="1"></rect><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"></path></svg> FT8xx / BT8xx
</span> <span class="inline-flex items-center gap-2"> <svg class="text-eve-400" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m7 9 3 3-3 3M13 15h4"></path></svg> C / C++ / Python
</span> <span class="inline-flex items-center gap-2"> <svg class="text-eve-400" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> GitHub
</span> </div> </div> <!-- Animation --> <div class="order-1 h-[46vh] min-h-[320px] lg:order-2 lg:h-[70vh]"> <div class="glow-ring relative h-full w-full overflow-hidden rounded-3xl border border-white/10 bg-ink-900/40"> <div class="bg-dots absolute inset-0 opacity-40"></div> <div class="absolute inset-0"> <canvas id="eve-chip-canvas" class="h-full w-full" aria-hidden="true" data-nodes="["Display","Touch","Audio","Video","MCU","Flash"]" data-chip-label="EVE"></canvas> <script type="module" src="/_astro/ChipAnimation.astro_astro_type_script_index_0_lang.CfK-8yBg.js"></script> </div> <div class="pointer-events-none absolute inset-0 rounded-3xl ring-1 ring-inset ring-white/5"></div> </div> </div> </div> <!-- scroll hint --> <a href="#overview" class="absolute bottom-6 left-1/2 z-10 hidden -translate-x-1/2 flex-col items-center gap-1 text-xs uppercase tracking-[0.25em] text-slate-500 transition-colors hover:text-eve-300 md:flex" aria-label="Scroll to explore"> Scroll to explore <svg class="animate-bounce" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"></path></svg> </a> </section> <main> <section id="overview" class="relative scroll-mt-20 py-20 sm:py-28"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> Overview </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> One portal for all Bridgetek open source </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">This website provides an overview of the open source repositories, which are created or forked by Bridgetek for customers. Here you can find information of:</p> </div> </div> <div class="mt-14 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3"> <a href="#modules" class="card-surface card-hover reveal group rounded-2xl p-7" style="transition-delay:0ms"> <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-eve-500/20 to-azure-600/10 text-eve-300 ring-1 ring-inset ring-eve-500/30 transition-colors group-hover:text-eve-200"> </div> <h3 class="mt-5 font-display text-xl font-semibold text-white transition-colors group-hover:text-eve-300"> Display modules support </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">Reference projects for Bridgetek display modules, from IDP-1000 to IDM2040-21R.</p> <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-medium text-eve-400">
Explore
<svg class="transition-transform group-hover:translate-x-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </span> </a><a href="#an" class="card-surface card-hover reveal group rounded-2xl p-7" style="transition-delay:60ms"> <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-eve-500/20 to-azure-600/10 text-eve-300 ring-1 ring-inset ring-eve-500/30 transition-colors group-hover:text-eve-200"> <svg class width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6M9 13h6M9 17h6"></path></svg> </div> <h3 class="mt-5 font-display text-xl font-semibold text-white transition-colors group-hover:text-eve-300"> Application notes </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">EVE specific (BRT_AN_012 / BRT_AN_025) and ESD related application note repositories.</p> <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-medium text-eve-400">
Explore
<svg class="transition-transform group-hover:translate-x-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </span> </a><a href="#mcu" class="card-surface card-hover reveal group rounded-2xl p-7" style="transition-delay:120ms"> <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-eve-500/20 to-azure-600/10 text-eve-300 ring-1 ring-inset ring-eve-500/30 transition-colors group-hover:text-eve-200"> <svg class width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"></rect><rect x="9.5" y="9.5" width="5" height="5" rx="1"></rect><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"></path></svg> </div> <h3 class="mt-5 font-display text-xl font-semibold text-white transition-colors group-hover:text-eve-300"> MCU (FT9xx) related </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">Toolchains, SDKs and example code for the Bridgetek FT9xx MCU family.</p> <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-medium text-eve-400">
Explore
<svg class="transition-transform group-hover:translate-x-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </span> </a><a href="#eve" class="card-surface card-hover reveal group rounded-2xl p-7" style="transition-delay:180ms"> <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-eve-500/20 to-azure-600/10 text-eve-300 ring-1 ring-inset ring-eve-500/30 transition-colors group-hover:text-eve-200"> <svg class width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h7l-1 8 11-12h-7l1-8z"></path></svg> </div> <h3 class="mt-5 font-display text-xl font-semibold text-white transition-colors group-hover:text-eve-300"> EVE (FT8xx / BT8xx) related </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">Sample apps, GUI frameworks, Arduino & Python libraries for the EVE graphics engine.</p> <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-medium text-eve-400">
Explore
<svg class="transition-transform group-hover:translate-x-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </span> </a><a href="#embedded_world" class="card-surface card-hover reveal group rounded-2xl p-7" style="transition-delay:240ms"> <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-eve-500/20 to-azure-600/10 text-eve-300 ring-1 ring-inset ring-eve-500/30 transition-colors group-hover:text-eve-200"> <svg class width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </div> <h3 class="mt-5 font-display text-xl font-semibold text-white transition-colors group-hover:text-eve-300"> Embedded World demos </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">Showcase demos and videos from Embedded World 2022 through 2026.</p> <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-medium text-eve-400">
Explore
<svg class="transition-transform group-hover:translate-x-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </span> </a><a href="#tutorials" class="card-surface card-hover reveal group rounded-2xl p-7" style="transition-delay:300ms"> <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-eve-500/20 to-azure-600/10 text-eve-300 ring-1 ring-inset ring-eve-500/30 transition-colors group-hover:text-eve-200"> <svg class width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"></path><path d="M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5"></path></svg> </div> <h3 class="mt-5 font-display text-xl font-semibold text-white transition-colors group-hover:text-eve-300"> Tutorials </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">Step-by-step guides for ESD, photobooth and drawing graphs on the BT82x.</p> <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-medium text-eve-400">
Explore
<svg class="transition-transform group-hover:translate-x-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </span> </a> </div> </div> </section> <section class="relative border-y border-white/5 bg-ink-900/60 py-14"> <div class="mx-auto grid max-w-6xl grid-cols-2 gap-8 px-4 sm:px-6 lg:grid-cols-4 lg:px-8"> <div class="reveal text-center" style="transition-delay:0ms"> <div class="font-display text-4xl font-bold text-gradient sm:text-5xl">40+</div> <div class="mt-2 text-sm text-slate-400">Open source repositories</div> </div><div class="reveal text-center" style="transition-delay:80ms"> <div class="font-display text-4xl font-bold text-gradient sm:text-5xl">7</div> <div class="mt-2 text-sm text-slate-400">Display modules supported</div> </div><div class="reveal text-center" style="transition-delay:160ms"> <div class="font-display text-4xl font-bold text-gradient sm:text-5xl">10</div> <div class="mt-2 text-sm text-slate-400">Demo videos</div> </div><div class="reveal text-center" style="transition-delay:240ms"> <div class="font-display text-4xl font-bold text-gradient sm:text-5xl">3</div> <div class="mt-2 text-sm text-slate-400">Tutorials</div> </div> </div> </section> <section class="relative py-20 sm:py-28"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> Ecosystem </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> Works across your favourite platforms </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">Everything you need to drive the EVE graphics engine — from MCU firmware to desktop and Python scripting.</p> </div> </div> </div> <!-- marquee --> <div class="relative mt-14 overflow-hidden [mask-image:linear-gradient(to_right,transparent,black_8%,black_92%,transparent)]"> <div class="animate-marquee flex w-max gap-5 pr-5"> <div key="0" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/chip.png" alt="EVE (FT8xx / BT8xx)" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">EVE (FT8xx / BT8xx)</span> </div><div key="1" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/FT90X-1-300x200.png" alt="FT9xx MCU" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">FT9xx MCU</span> </div><div key="2" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/RASP_PI_PICO_H_01.png" alt="Raspberry Pi Pico" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">Raspberry Pi Pico</span> </div><div key="3" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/laptop.png" alt="Windows / Linux / macOS" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">Windows / Linux / macOS</span> </div><div key="4" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/c_and_cpp.png" alt="C / C++" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">C / C++</span> </div><div key="5" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/cpython.png" alt="CPython / CircuitPython" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">CPython / CircuitPython</span> </div><div key="6" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/chip.png" alt="EVE (FT8xx / BT8xx)" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">EVE (FT8xx / BT8xx)</span> </div><div key="7" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/FT90X-1-300x200.png" alt="FT9xx MCU" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">FT9xx MCU</span> </div><div key="8" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/RASP_PI_PICO_H_01.png" alt="Raspberry Pi Pico" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">Raspberry Pi Pico</span> </div><div key="9" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/laptop.png" alt="Windows / Linux / macOS" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">Windows / Linux / macOS</span> </div><div key="10" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/c_and_cpp.png" alt="C / C++" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">C / C++</span> </div><div key="11" class="card-surface card-hover flex w-48 shrink-0 flex-col items-center justify-center gap-4 rounded-2xl px-5 py-8 text-center"> <img src="/images/cpython.png" alt="CPython / CircuitPython" loading="lazy" class="h-16 w-16 rounded-xl object-contain" width="64" height="64"> <span class="text-sm font-medium text-slate-200">CPython / CircuitPython</span> </div> </div> </div> </section> <section id="modules" class="relative scroll-mt-20 border-t border-white/5 bg-ink-900/40 py-20 sm:py-28"> <div class="bg-grid absolute inset-0 opacity-30"></div> <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> Display Modules </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> Display modules support </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">Reference repositories for Bridgetek display modules. Each repository contains a full project you can build and flash.</p> </div> </div> <div class="mt-14 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> <a href="https://github.com/Bridgetek/IDP-3500-04A" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group flex items-center justify-between gap-3 rounded-2xl p-5" style="transition-delay:0ms"> <div class="min-w-0"> <div class="truncate font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> IDP-3500-04A </div> <div class="mt-1 flex items-center gap-1.5 text-xs text-slate-500"> <svg class width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> <span class="truncate">github.com/Bridgetek/IDP-3500-04A</span> </div> </div> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/IDP-5000-04A" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group flex items-center justify-between gap-3 rounded-2xl p-5" style="transition-delay:50ms"> <div class="min-w-0"> <div class="truncate font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> IDP-5000-04A </div> <div class="mt-1 flex items-center gap-1.5 text-xs text-slate-500"> <svg class width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> <span class="truncate">github.com/Bridgetek/IDP-5000-04A</span> </div> </div> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/IDP-4000-04A" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group flex items-center justify-between gap-3 rounded-2xl p-5" style="transition-delay:100ms"> <div class="min-w-0"> <div class="truncate font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> IDP-4000-04A </div> <div class="mt-1 flex items-center gap-1.5 text-xs text-slate-500"> <svg class width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> <span class="truncate">github.com/Bridgetek/IDP-4000-04A</span> </div> </div> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/IDP-1000-04A" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group flex items-center justify-between gap-3 rounded-2xl p-5" style="transition-delay:150ms"> <div class="min-w-0"> <div class="truncate font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> IDP-1000-04A </div> <div class="mt-1 flex items-center gap-1.5 text-xs text-slate-500"> <svg class width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> <span class="truncate">github.com/Bridgetek/IDP-1000-04A</span> </div> </div> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/IDM2040-21R" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group flex items-center justify-between gap-3 rounded-2xl p-5" style="transition-delay:200ms"> <div class="min-w-0"> <div class="truncate font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> IDM2040-21R </div> <div class="mt-1 flex items-center gap-1.5 text-xs text-slate-500"> <svg class width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> <span class="truncate">github.com/Bridgetek/IDM2040-21R</span> </div> </div> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/IDP-7000_7010_-04A" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group flex items-center justify-between gap-3 rounded-2xl p-5" style="transition-delay:250ms"> <div class="min-w-0"> <div class="truncate font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> IDP-7000_7010_-04A </div> <div class="mt-1 flex items-center gap-1.5 text-xs text-slate-500"> <svg class width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> <span class="truncate">github.com/Bridgetek/IDP-7000_7010_-04A</span> </div> </div> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/IDP-3510-04A" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group flex items-center justify-between gap-3 rounded-2xl p-5" style="transition-delay:300ms"> <div class="min-w-0"> <div class="truncate font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> IDP-3510-04A </div> <div class="mt-1 flex items-center gap-1.5 text-xs text-slate-500"> <svg class width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> <span class="truncate">github.com/Bridgetek/IDP-3510-04A</span> </div> </div> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </div> </div> </section> <section id="an" class="relative scroll-mt-20 py-20 sm:py-28"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> Application Notes </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> Application note related repositories </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">Example code and porting guides that accompany Bridgetek application notes.</p> </div> </div> <div class="mt-14 grid grid-cols-1 gap-6 lg:grid-cols-3"> <div class="reveal card-surface rounded-2xl p-7" style="transition-delay:0ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6M9 13h6M9 17h6"></path></svg> EVE specific — BRT_AN_012 </h3> <ul class="mt-5 space-y-2"> <li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_012-Example-Pico" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_012-Example-Pico</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li> </ul> </div><div class="reveal card-surface rounded-2xl p-7" style="transition-delay:80ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6M9 13h6M9 17h6"></path></svg> EVE specific — BRT_AN_025 </h3> <ul class="mt-5 space-y-2"> <li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-common" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-common</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-PIC18F46K22" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-PIC18F46K22</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-FT900" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-FT900</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-Beaglebone" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-Beaglebone</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-ESP32" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-ESP32</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-libMPSSE" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-libMPSSE</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-Pico" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-Pico</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-RPi" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-RPi</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-MSP430" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-MSP430</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="https://github.com/Bridgetek/EVE-MCU-BRT_AN_025-Example-STM32" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">EVE-MCU-BRT_AN_025-Example-STM32</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li> </ul> </div><div class="reveal card-surface rounded-2xl p-7" style="transition-delay:160ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6M9 13h6M9 17h6"></path></svg> ESD related </h3> <ul class="mt-5 space-y-2"> <li> <a href="https://github.com/Bridgetek/BRT_AN_073-ESD-exported-Project-Porting-Guide" target="_blank" rel="noopener noreferrer" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-eve-500/60"></span> <span class="break-all">BRT_AN_073-ESD-exported-Project-Porting-Guide</span> <svg class="ml-auto mt-1 shrink-0 text-slate-600 opacity-0 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li> </ul> </div> </div> </div> </section> <section id="mcu" class="relative scroll-mt-20 border-t border-white/5 bg-ink-900/40 py-20 sm:py-28"> <div class="bg-dots absolute inset-0 opacity-30"></div> <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> MCU </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> MCU (FT9xx) related repositories </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">Toolchains, libraries and example code to get started with the Bridgetek FT9xx MCU family.</p> </div> </div> <div class="mx-auto mt-14 grid max-w-5xl grid-cols-1 gap-5 sm:grid-cols-2"> <a href="https://github.com/Bridgetek/ft9xx-vscode" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group rounded-2xl p-6" style="transition-delay:0ms"> <div class="flex items-start gap-4"> <div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-flare-500/15 to-azure-600/10 text-flare-400 ring-1 ring-inset ring-flare-500/25"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"></rect><rect x="9.5" y="9.5" width="5" height="5" rx="1"></rect><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"></path></svg> </div> <div class="min-w-0"> <div class="font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> ft9xx-vscode </div> <p class="mt-1.5 text-sm leading-relaxed text-slate-400">How to use Visual Studio Code to compile and debug code for FT9xx</p> </div> </div> </a><a href="https://github.com/Bridgetek/ft9xx-sdk" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group rounded-2xl p-6" style="transition-delay:60ms"> <div class="flex items-start gap-4"> <div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-flare-500/15 to-azure-600/10 text-flare-400 ring-1 ring-inset ring-flare-500/25"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"></rect><rect x="9.5" y="9.5" width="5" height="5" rx="1"></rect><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"></path></svg> </div> <div class="min-w-0"> <div class="font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> ft9xx-sdk </div> <p class="mt-1.5 text-sm leading-relaxed text-slate-400">Hardware library and examples for FT9xx</p> </div> </div> </a><a href="https://github.com/Bridgetek/ft9xx-usbd-examples" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group rounded-2xl p-6" style="transition-delay:120ms"> <div class="flex items-start gap-4"> <div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-flare-500/15 to-azure-600/10 text-flare-400 ring-1 ring-inset ring-flare-500/25"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"></rect><rect x="9.5" y="9.5" width="5" height="5" rx="1"></rect><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"></path></svg> </div> <div class="min-w-0"> <div class="font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> ft9xx-usbd-examples </div> <p class="mt-1.5 text-sm leading-relaxed text-slate-400">Example code for Bridgetek FT9xx USB device emulation</p> </div> </div> </a><a href="https://github.com/Bridgetek/MapViewer" target="_blank" rel="noopener noreferrer" class="card-surface card-hover reveal group rounded-2xl p-6" style="transition-delay:180ms"> <div class="flex items-start gap-4"> <div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-flare-500/15 to-azure-600/10 text-flare-400 ring-1 ring-inset ring-flare-500/25"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"></rect><rect x="9.5" y="9.5" width="5" height="5" rx="1"></rect><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"></path></svg> </div> <div class="min-w-0"> <div class="font-display text-base font-semibold text-white transition-colors group-hover:text-eve-300"> MapViewer </div> <p class="mt-1.5 text-sm leading-relaxed text-slate-400">A Windows application to view and analyse information from the linker generated Map file</p> </div> </div> </a> </div> </div> </section> <section id="eve" class="relative scroll-mt-20 py-20 sm:py-28"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> EVE </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> EVE (FT8xx / BT8xx) related repositories </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">The EVE graphics engine brings display, audio and touch together with a single command coprocessor. Explore sample apps, GUI frameworks and language bindings.</p> </div> </div> <div class="mt-14 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3"> <div class="reveal card-surface rounded-2xl p-7 lg:col-span-2" style="transition-delay:0ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h7l-1 8 11-12h-7l1-8z"></path></svg> Official samples and examples </h3> <ul class="mt-5 space-y-3"> <li> <a href="https://github.com/Bridgetek/EveApps" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> EveApps </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">Official sample and demo applications</p> </a> </li><li> <a href="https://github.com/Bridgetek/pico-brteve" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> pico-brteve </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">C, CPython and CircuitPython for Pico</p> </a> </li><li> <a href="https://github.com/Bridgetek/Eve-MCU-Dev" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> Eve-MCU-Dev </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">C library for embedded designs</p> </a> </li><li> <a href="https://github.com/jamesbowman/py-bteve" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> py-bteve </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">CircuitPython built-in _EVE class</p> </a> </li> </ul> </div><div class="reveal card-surface rounded-2xl p-7" style="transition-delay:70ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h7l-1 8 11-12h-7l1-8z"></path></svg> GUI Framework </h3> <ul class="mt-5 space-y-3"> <li> <a href="https://github.com/Bridgetek/nuklear_eve" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> nuklear_eve </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">Immediate-mode GUI on EVE</p> </a> </li><li> <a href="https://github.com/Bridgetek/lvgl-EVE" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> LVGL-Eve </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">LVGL ported to EVE</p> </a> </li> </ul> </div><div class="reveal card-surface rounded-2xl p-7" style="transition-delay:140ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h7l-1 8 11-12h-7l1-8z"></path></svg> Arduino library </h3> <ul class="mt-5 space-y-3"> <li> <a href="https://github.com/Bridgetek/RP2040-BrtEve" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> RP2040-BrtEve </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">Arduino library for RP2040 and EVE</p> </a> </li> </ul> </div><div class="reveal card-surface rounded-2xl p-7" style="transition-delay:210ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h7l-1 8 11-12h-7l1-8z"></path></svg> Telemetrix </h3> <ul class="mt-5 space-y-3"> <li> <a href="https://github.com/Bridgetek/telemetrix-rpi-pico" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> telemetrix-rpi-pico </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">Client running on a PC (Windows / Linux / Mac)</p> </a> </li><li> <a href="https://github.com/Bridgetek/Telemetrix4RpiPico" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> Telemetrix4RpiPico </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">Server running on an RP2040 MCU connected to EVE</p> </a> </li> </ul> </div><div class="reveal card-surface rounded-2xl p-7" style="transition-delay:280ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h7l-1 8 11-12h-7l1-8z"></path></svg> BT82x </h3> <ul class="mt-5 space-y-3"> <li> <a href="https://github.com/Bridgetek/EveApps-BT82X" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> EveApps-BT82X </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">C/C++ sample applications for BT82x</p> </a> </li><li> <a href="https://github.com/Bridgetek/python-bt82x-dev" target="_blank" rel="noopener noreferrer" class="group block rounded-xl border border-white/5 bg-white/[0.02] px-4 py-3 transition-colors hover:border-eve-500/40 hover:bg-eve-500/5"> <div class="flex items-center justify-between gap-2"> <span class="font-medium text-slate-100 transition-colors group-hover:text-eve-300"> python-bt82x-dev </span> <svg class="shrink-0 text-slate-600 transition-colors group-hover:text-eve-400" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </div> <p class="mt-1 text-xs leading-relaxed text-slate-500">Python development for BT82x</p> </a> </li> </ul> </div> </div> </div> </section> <section id="embedded_world" class="relative scroll-mt-20 border-t border-white/5 bg-ink-900/40 py-20 sm:py-28"> <div class="bg-grid absolute inset-0 opacity-30"></div> <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> Embedded World </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> Embedded World demos </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">Watch Bridgetek demos shown at Embedded World, from 2022 all the way to 2026.</p> </div> </div> <!-- Year repos --> <div class="mt-12 flex flex-wrap items-center justify-center gap-3"> <a href="https://github.com/Bridgetek/IDM2040-7A-EW2022" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-5 py-2.5 text-sm font-semibold text-slate-200 transition-colors hover:border-eve-400/50 hover:text-eve-300"> <svg class width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> EW 2022 <svg class="opacity-60 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/EW2023" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-5 py-2.5 text-sm font-semibold text-slate-200 transition-colors hover:border-eve-400/50 hover:text-eve-300"> <svg class width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> EW 2023 <svg class="opacity-60 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/EW2024" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-5 py-2.5 text-sm font-semibold text-slate-200 transition-colors hover:border-eve-400/50 hover:text-eve-300"> <svg class width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> EW 2024 <svg class="opacity-60 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/EW2025" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-5 py-2.5 text-sm font-semibold text-slate-200 transition-colors hover:border-eve-400/50 hover:text-eve-300"> <svg class width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> EW 2025 <svg class="opacity-60 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="https://github.com/Bridgetek/EW2026" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-5 py-2.5 text-sm font-semibold text-slate-200 transition-colors hover:border-eve-400/50 hover:text-eve-300"> <svg class width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> EW 2026 <svg class="opacity-60 transition-opacity group-hover:opacity-100" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </div> <!-- Video grid --> <div class="mt-14 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3"> <div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:0ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/FKp0onI1zb4" title="Bridgetek BT817 Charging Point Demo — EW2022" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">Bridgetek BT817 Charging Point Demo — EW2022</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:60ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/XOd2h3IdD0Y" title="Bridgetek PanL Desk Manager Demo — EW2022" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">Bridgetek PanL Desk Manager Demo — EW2022</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:120ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/fC9cXK_fRpk" title="Bridgetek BT817 Automotive Demo — EW2022" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">Bridgetek BT817 Automotive Demo — EW2022</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:180ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/TDYs4Gp3u-U" title="Bridgetek Weather Station Demo — EW2022" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">Bridgetek Weather Station Demo — EW2022</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:240ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/MhGCBDxGjCE" title="Bridgetek PanL Smart Living Demo — EW2022" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">Bridgetek PanL Smart Living Demo — EW2022</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:300ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/SDYzi6eugOI" title="Bridgetek IDM2040-7A LDSBus Demo — EW2022" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">Bridgetek IDM2040-7A LDSBus Demo — EW2022</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:0ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/KD6EyHm1dYE" title="Bridgetek IoTPortal, Sensors and Actuators Demo — EW2022" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">Bridgetek IoTPortal, Sensors and Actuators Demo — EW2022</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:60ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/u4mMFuEfTN4" title="EW2023 Bridgetek Video Demo" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">EW2023 Bridgetek Video Demo</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:120ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/em_PzkBLW54" title="EW2025 Bridgetek Photobooth Video" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">EW2025 Bridgetek Photobooth Video</h3> </div> </div><div class="reveal card-surface group overflow-hidden rounded-2xl" style="transition-delay:180ms"> <div class="relative aspect-video overflow-hidden bg-ink-950"> <iframe class="absolute inset-0 h-full w-full" src="https://www.youtube-nocookie.com/embed/-w9iqicyvJs" title="Discover Bridgetek BT820B — high-resolution graphics, touch and live video" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <div class="pointer-events-none absolute inset-0 flex items-center justify-center bg-gradient-to-br from-ink-950/60 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"> <span class="flex h-14 w-14 items-center justify-center rounded-full bg-eve-500 text-ink-950 shadow-glow"> <svg class width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 6 4-6 4V8z" class="fill-current"></path></svg> </span> </div> </div> <div class="p-4"> <h3 class="text-sm font-medium leading-snug text-slate-200">Discover Bridgetek BT820B — high-resolution graphics, touch and live video</h3> </div> </div> </div> </div> </section> <section id="tutorials" class="relative scroll-mt-20 py-20 sm:py-28"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> Tutorials </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> Tutorials </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">Step-by-step guides and project walkthroughs to get you building with EVE faster.</p> </div> </div> <div class="mt-14 grid grid-cols-1 gap-6 md:grid-cols-3"> <div class="reveal card-surface rounded-2xl p-7" style="transition-delay:0ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"></path><path d="M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5"></path></svg> ESD tutorials </h3> <ul class="mt-5 space-y-3"> <li> <a href="/tutorials/esd_idm2040_21r/index.html" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <svg class="mt-0.5 shrink-0 text-eve-500/70" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6M9 13h6M9 17h6"></path></svg> <span class="break-words">ESD for IDM2040-21R tutorials</span> <svg class="ml-auto mt-0.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </a> </li> </ul> </div><div class="reveal card-surface rounded-2xl p-7" style="transition-delay:80ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"></path><path d="M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5"></path></svg> Embedded World </h3> <ul class="mt-5 space-y-3"> <li> <a href="/tutorials/ew2024_photobooth/html/index.html" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <svg class="mt-0.5 shrink-0 text-eve-500/70" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6M9 13h6M9 17h6"></path></svg> <span class="break-words">Embedded World 2024 Photobooth</span> <svg class="ml-auto mt-0.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </a> </li> </ul> </div><div class="reveal card-surface rounded-2xl p-7" style="transition-delay:160ms"> <h3 class="flex items-center gap-2.5 font-display text-lg font-semibold text-white"> <svg class="text-eve-400" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"></path><path d="M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5"></path></svg> Drawing Graphs on the BT82x </h3> <ul class="mt-5 space-y-3"> <li> <a href="/tutorials/bt82x_graphs/docs/_build/html/index.html" class="group flex items-start gap-2 rounded-lg px-2 py-1.5 text-sm text-slate-300 transition-colors hover:bg-white/5 hover:text-eve-300"> <svg class="mt-0.5 shrink-0 text-eve-500/70" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6M9 13h6M9 17h6"></path></svg> <span class="break-words">Tutorial for drawing graphs on the BT82x</span> <svg class="ml-auto mt-0.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </a> </li> </ul> </div> </div> </div> </section> <section id="gallery" class="relative scroll-mt-20 border-t border-white/5 bg-ink-900/40 py-20 sm:py-28"> <div class="bg-dots absolute inset-0 opacity-25"></div> <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="reveal"> <div class="max-w-3xl text-center mx-auto"> <span class="inline-flex items-center gap-2 rounded-full border border-eve-500/30 bg-eve-500/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.22em] text-eve-300"> <span class="h-1.5 w-1.5 rounded-full bg-eve-400 shadow-glow-sm"></span> Demo Gallery </span> <h2 class="mt-5 font-display text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-[2.75rem]"> Samples & demos in action </h2> <p class="mt-4 text-base leading-relaxed text-slate-400 sm:text-lg">Image viewer, media player, audio playback, meta balls, graphs, refrigerators … and much more waiting for you to explore.</p> </div> </div> <div class="mt-14 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4"> <figure class="reveal card-surface card-hover group overflow-hidden rounded-2xl" style="transition-delay:0ms"> <div class="aspect-[4/3] overflow-hidden bg-ink-950"> <img src="/demo_images/video.png" alt="Media Player (SampleApp)" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"> </div> <figcaption class="p-3 text-center text-xs font-medium text-slate-300"> Media Player (SampleApp) </figcaption> </figure><figure class="reveal card-surface card-hover group overflow-hidden rounded-2xl" style="transition-delay:60ms"> <div class="aspect-[4/3] overflow-hidden bg-ink-950"> <img src="/demo_images/meter.png" alt="Image Viewer (SampleApp)" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"> </div> <figcaption class="p-3 text-center text-xs font-medium text-slate-300"> Image Viewer (SampleApp) </figcaption> </figure><figure class="reveal card-surface card-hover group overflow-hidden rounded-2xl" style="transition-delay:120ms"> <div class="aspect-[4/3] overflow-hidden bg-ink-950"> <img src="/demo_images/menu.png" alt="Demo Main Menu" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"> </div> <figcaption class="p-3 text-center text-xs font-medium text-slate-300"> Demo Main Menu </figcaption> </figure><figure class="reveal card-surface card-hover group overflow-hidden rounded-2xl" style="transition-delay:180ms"> <div class="aspect-[4/3] overflow-hidden bg-ink-950"> <img src="/demo_images/lift.png" alt="Demo Lift" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"> </div> <figcaption class="p-3 text-center text-xs font-medium text-slate-300"> Demo Lift </figcaption> </figure><figure class="reveal card-surface card-hover group overflow-hidden rounded-2xl" style="transition-delay:0ms"> <div class="aspect-[4/3] overflow-hidden bg-ink-950"> <img src="/demo_images/keyboard.png" alt="Demo Keyboard Unicode" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"> </div> <figcaption class="p-3 text-center text-xs font-medium text-slate-300"> Demo Keyboard Unicode </figcaption> </figure><figure class="reveal card-surface card-hover group overflow-hidden rounded-2xl" style="transition-delay:60ms"> <div class="aspect-[4/3] overflow-hidden bg-ink-950"> <img src="/demo_images/image.png" alt="Demo Image Viewer" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"> </div> <figcaption class="p-3 text-center text-xs font-medium text-slate-300"> Demo Image Viewer </figcaption> </figure><figure class="reveal card-surface card-hover group overflow-hidden rounded-2xl" style="transition-delay:120ms"> <div class="aspect-[4/3] overflow-hidden bg-ink-950"> <img src="/demo_images/graph.png" alt="Demo Graph" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"> </div> <figcaption class="p-3 text-center text-xs font-medium text-slate-300"> Demo Graph </figcaption> </figure><figure class="reveal card-surface card-hover group overflow-hidden rounded-2xl" style="transition-delay:180ms"> <div class="aspect-[4/3] overflow-hidden bg-ink-950"> <img src="/demo_images/button.png" alt="Demo Meter" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"> </div> <figcaption class="p-3 text-center text-xs font-medium text-slate-300"> Demo Meter </figcaption> </figure> </div> </div> </section> <section class="relative overflow-hidden py-20 sm:py-24"> <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,rgba(34,211,238,0.14),transparent_60%)]"></div> <div class="relative mx-auto max-w-5xl px-4 sm:px-6 lg:px-8"> <div class="reveal card-surface glow-ring flex flex-col items-center gap-8 rounded-3xl px-8 py-12 text-center sm:px-14"> <div class="flex h-20 w-20 items-center justify-center rounded-2xl bg-ink-900 ring-1 ring-eve-500/30"> <img src="/images/opensource.png" alt="" class="h-12 w-12 object-contain" width="48" height="48"> </div> <div> <h2 class="font-display text-3xl font-bold text-white sm:text-4xl">Open source by design</h2> <p class="mx-auto mt-4 max-w-xl text-base leading-relaxed text-slate-400 sm:text-lg">You are freely allowed to modify and distribute the source code.</p> </div> <div class="flex flex-wrap items-center justify-center gap-3 text-xs text-slate-500"> <span class="inline-flex items-center gap-1.5"> <svg class="text-eve-400" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> GitHub
</span> <span class="inline-flex items-center gap-1.5"> <svg class="text-eve-400" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m12 2 9 5-9 5-9-5 9-5z"></path><path d="m3 12 9 5 9-5M3 17l9 5 9-5"></path></svg> MIT & permissive licences
</span> </div> </div> </div> </section> <section class="relative border-t border-white/5 py-20 sm:py-24"> <div class="mx-auto max-w-4xl px-4 text-center sm:px-6 lg:px-8"> <div class="reveal"> <h2 class="font-display text-3xl font-bold text-white sm:text-4xl">Any questions?</h2> <p class="mx-auto mt-4 max-w-2xl text-base leading-relaxed text-slate-400 sm:text-lg"> Ask questions and start a discussion in our forum, read the official documentation, or reach out to our support team. </p> </div> <div class="mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2"> <a href="http://www.brtcommunity.com" target="_blank" rel="noopener noreferrer" class="reveal card-surface card-hover group flex items-center justify-between gap-3 rounded-2xl px-6 py-5 text-left" style="transition-delay:0ms"> <span class="text-sm font-medium text-slate-200 transition-colors group-hover:text-eve-300"> Community forum — www.brtcommunity.com </span> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="http://www.brtchip.com" target="_blank" rel="noopener noreferrer" class="reveal card-surface card-hover group flex items-center justify-between gap-3 rounded-2xl px-6 py-5 text-left" style="transition-delay:60ms"> <span class="text-sm font-medium text-slate-200 transition-colors group-hover:text-eve-300"> Official website — brtchip.com </span> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a><a href="http://www.twitter.com/bridgetek1" target="_blank" rel="noopener noreferrer" class="reveal card-surface card-hover group flex items-center justify-between gap-3 rounded-2xl px-6 py-5 text-left" style="transition-delay:120ms"> <span class="text-sm font-medium text-slate-200 transition-colors group-hover:text-eve-300"> Follow us on Twitter for important announcements </span> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> <a href="mailto:support.emea@brtchip.com" class="reveal card-surface card-hover group flex items-center justify-between gap-3 rounded-2xl px-6 py-5 text-left" style="transition-delay:180ms"> <span class="flex items-center gap-3 text-sm text-slate-200"> <svg class="shrink-0 text-eve-400" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m2 7 10 6L22 7"></path></svg> <span class="text-slate-500">E-Mail (Support):</span> <span class="font-medium text-eve-300">support.emea@brtchip.com</span> </span> <svg class="shrink-0 text-slate-500 transition-colors group-hover:text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </div> </div> </section> </main> <footer class="relative border-t border-white/5 bg-ink-900/70"> <div class="bg-grid absolute inset-0 opacity-20"></div> <div class="relative mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-4"> <!-- About --> <div class="lg:col-span-2"> <a href="/" class="flex items-center gap-3"> <img src="/Bridgetek_FA.svg" alt="Bridgetek" class="h-9 w-auto brightness-0 invert" width="120" height="36"> <span class="flex flex-col leading-none"> <span class="font-display text-lg font-bold text-white">Bridgetek</span> <span class="text-xs font-semibold uppercase tracking-[0.3em] text-eve-400">EVE</span> </span> </a> <h3 class="mt-6 text-sm font-semibold uppercase tracking-wider text-slate-400">About</h3> <p class="mt-3 max-w-md text-sm leading-relaxed text-slate-500">Bridgetek EVE is the open source portal of Bridgetek — a leading fabless semiconductor company providing advanced display, touch and MCU solutions.</p> <div class="mt-6 flex items-center gap-3"> <a href="https://www.facebook.com/Bridgetek1" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="flex h-10 w-10 items-center justify-center rounded-full border border-white/10 bg-white/5 text-slate-300 transition-all hover:border-eve-400/50 hover:text-eve-300 hover:shadow-glow-sm"> <svg class width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M13.5 21v-7h2.4l.4-3h-2.8V9.1c0-.9.3-1.6 1.7-1.6h1.2V4.8c-.6-.1-1.4-.2-2.3-.2-2.3 0-3.9 1.4-3.9 4V11H8v3h2.2v7h3.3z"></path></svg> </a><a href="http://www.twitter.com/bridgetek1" target="_blank" rel="noopener noreferrer" aria-label="Twitter" class="flex h-10 w-10 items-center justify-center rounded-full border border-white/10 bg-white/5 text-slate-300 transition-all hover:border-eve-400/50 hover:text-eve-300 hover:shadow-glow-sm"> <svg class width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M17.5 3h3l-6.7 7.7L21.8 21h-6.2l-4.8-6.3L5.3 21h-3l7.2-8.2L2.5 3h6.4l4.3 5.7L17.5 3zm-1 16.2h1.7L7.7 4.7H5.9l10.6 14.5z"></path></svg> </a><a href="https://www.youtube.com/c/bridgetek" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="flex h-10 w-10 items-center justify-center rounded-full border border-white/10 bg-white/5 text-slate-300 transition-all hover:border-eve-400/50 hover:text-eve-300 hover:shadow-glow-sm"> <svg class width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M23 12s0-3.9-.5-5.6c-.3-1-1.1-1.8-2.1-2C18.7 4 12 4 12 4s-6.7 0-8.4.4c-1 .2-1.8 1-2.1 2C1 8.1 1 12 1 12s0 3.9.5 5.6c.3 1 1.1 1.8 2.1 2 1.7.4 8.4.4 8.4.4s6.7 0 8.4-.4c-1 .2-.2-.6-2.1-2-.3-1-.5-5.6-.5-5.6zM9.8 15.5v-7l6 3.5-6 3.5z"></path></svg> </a><a href="https://www.linkedin.com/company/brtchip" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="flex h-10 w-10 items-center justify-center rounded-full border border-white/10 bg-white/5 text-slate-300 transition-all hover:border-eve-400/50 hover:text-eve-300 hover:shadow-glow-sm"> <svg class width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5A2.5 2.5 0 0 1 2.5 6a2.5 2.5 0 1 1 2.48-2.5zM2.5 8h5v13h-5V8zm7.5 0h4.8v1.8h.1c.7-1.3 2.3-2.6 4.7-2.6 5 0 5.9 3.3 5.9 7.6V21h-5v-5.6c0-1.3 0-3-1.9-3s-2.2 1.4-2.2 2.9V21h-5V8z"></path></svg> </a> </div> </div> <!-- Explore --> <div> <h3 class="text-sm font-semibold uppercase tracking-wider text-slate-400">Explore</h3> <ul class="mt-4 space-y-2.5"> <li> <a href="#modules" class="inline-flex items-center gap-1.5 text-sm text-slate-400 transition-colors hover:text-eve-300"> Display modules <svg class="opacity-0 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="#an" class="inline-flex items-center gap-1.5 text-sm text-slate-400 transition-colors hover:text-eve-300"> Application notes <svg class="opacity-0 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="#mcu" class="inline-flex items-center gap-1.5 text-sm text-slate-400 transition-colors hover:text-eve-300"> MCU (FT9xx) <svg class="opacity-0 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="#eve" class="inline-flex items-center gap-1.5 text-sm text-slate-400 transition-colors hover:text-eve-300"> EVE <svg class="opacity-0 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="#embedded_world" class="inline-flex items-center gap-1.5 text-sm text-slate-400 transition-colors hover:text-eve-300"> Embedded World <svg class="opacity-0 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="#tutorials" class="inline-flex items-center gap-1.5 text-sm text-slate-400 transition-colors hover:text-eve-300"> Tutorials <svg class="opacity-0 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li><li> <a href="http://www.brtcommunity.com" class="inline-flex items-center gap-1.5 text-sm text-slate-400 transition-colors hover:text-eve-300"> Community <svg class="opacity-0 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><path d="M15 3h6v6M10 14 21 3"></path></svg> </a> </li> </ul> </div> <!-- Contact --> <div> <h3 class="text-sm font-semibold uppercase tracking-wider text-slate-400">Contact</h3> <address class="mt-4 space-y-3 not-italic text-sm text-slate-400"> <div class="flex items-start gap-2.5"> <svg class="mt-0.5 shrink-0 text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z"></path><circle cx="12" cy="10" r="3"></circle></svg> <span>1 Tai Seng Avenue, Tower A #03-05, Singapore 536464</span> </div> <div class="flex items-center gap-2.5"> <svg class="shrink-0 text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.6 2z"></path></svg> <a href="tel:+6565474827" class="transition-colors hover:text-eve-300">(+65) 6547 4827</a> </div> <div class="flex items-center gap-2.5"> <svg class="shrink-0 text-eve-400" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> <a href="https://www.brtchip.com" target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-eve-300"> www.brtchip.com </a> </div> </address> <!-- Language --> <div class="mt-6"> <h3 class="text-sm font-semibold uppercase tracking-wider text-slate-400">Language</h3> <div class="mt-3 flex items-center gap-1 rounded-full border border-white/10 bg-white/5 p-1 w-fit"> <a href="/en/" class="lang-pill rounded-full px-3.5 py-1.5 text-xs font-semibold text-slate-200" aria-current="true"> EN </a> <a href="/ch/" class="lang-pill rounded-full px-3.5 py-1.5 text-xs font-semibold text-slate-200" aria-current="false"> 中文 </a> </div> </div> </div> </div> </div> <!-- Copyright bar --> <div class="relative border-t border-white/5 bg-ink-950/60 py-6"> <div class="mx-auto flex max-w-7xl flex-col items-center justify-between gap-3 px-4 text-center text-xs text-slate-500 sm:flex-row sm:px-6 sm:text-left lg:px-8"> <span>© 2026 Bridgetek Pte Ltd. All rights reserved.</span> <a href="https://www.brtchip.com" target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-eve-300"> www.brtchip.com </a> </div> </div> </footer> <script type="module">const t=Array.from(document.querySelectorAll(".reveal"));if(!("IntersectionObserver"in window))t.forEach(e=>e.classList.add("is-visible"));else{const e=new IntersectionObserver(r=>{for(const s of r)s.isIntersecting&&(s.target.classList.add("is-visible"),e.unobserve(s.target))},{threshold:.12,rootMargin:"0px 0px -40px 0px"});t.forEach(r=>e.observe(r))}</script> </body></html>