feat(home): add CapCut logo, two-line heading, polish showcase section#883
Merged
Conversation
- Two-line heading: "Trusted by" / "信赖之选" (small) above [TikTok] [CapCut] logos - Official CapCut SVGs (standard black + anti-white) with light/dark mode - TikTok logo links to tiktok.com, CapCut to capcut.com - TikTok chromatic aberration glitch + CapCut cyan glow pulse animations - TrustedBy component: configurable apps prop, removed Doubao & Gauth - ShowCase accepts showMarquee prop (default false) - Normalized typography and spacing across sections - Updated Chinese/English copy Change-Id: Iefdd34abde8c4c50619c3579fe3e733742489428
✅ Deploy Preview for lynx-doc ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
icecreamx10
pushed a commit
that referenced
this pull request
Apr 16, 2026
#883) - Two-line heading: "Trusted by" / "信赖之选" (small) above [TikTok] [CapCut] logos - Official CapCut SVGs (standard black + anti-white) with light/dark mode - TikTok logo links to tiktok.com, CapCut to capcut.com - TikTok chromatic aberration glitch + CapCut cyan glow pulse animations - TrustedBy component: configurable apps prop, removed Doubao & Gauth - ShowCase accepts showMarquee prop (default false) - Normalized typography and spacing across sections - Updated Chinese/English copy Change-Id: Iefdd34abde8c4c50619c3579fe3e733742489428
icecreamx10
added a commit
that referenced
this pull request
Apr 16, 2026
* fix(blog): apply fullscreen schema to design-guide examples (#878) Fix the design guide examples in the 3.6 release blog by removing the light theme navbar. Workaround until `pluginQRCode` schema is persisted to example-metadata. Passes schema prop explicitly on each Go instance to ensure Lynx Explorer opens with `fullscreen=true`. Change-Id: I351da8785b3555e8b0ec78c801033a1b5611fbae * feat(home): add TrustedBy TikTok section (#868) * feat(home): add TrustedBy marquee section with app icons Change-Id: Ie75dc540f4ee235297e1dd6da42d0a364975c14f * fix(home): constrain marquee width, fix Hypic icon, spotlight center, reduce padding Change-Id: Ief490b2f9642d040ce8c9e63b52ce98e3f964484 * fix(home): move marquee into hero, remove labels, fix spotlight Change-Id: I417f7bb96907f90fda3451c07b3ae437f18bdeb8 * fix(home): move trusted-by marquee from hero to showcase section Place the app icon marquee above "Try it for yourself" as a trust signal that leads into the interactive showcase. Wider marquee with softer edge fade and relaxed animation timing for the new context. Change-Id: Ib999771dc3233f38094e4f29dc9cc404b86bd4ad * feat(home): redesign showcase as "See Lynx in Action" with two-act narrative - Match section heading typography to Banner (56px/500 weight) for visual consistency - Add "See Lynx in Action" heading with brand-colored accent + credibility subtitle - Enlarge marquee icons (60px) and widen track (1080px) for stronger social proof - Add app name labels beneath marquee icons for clarity - Insert gradient divider between credibility (marquee) and invitation (tutorials) acts - Add "Now, try it yourself" secondary heading with tutorial call-to-action - Responsive breakpoints match Banner component (2em tablet, 9vw mobile) Change-Id: Ife883bfeee29dab310d9f8cbf65d16edc7a233fb * fix(home): compact marquee, match heading styles, apply Lynx gradient - Reduce marquee max-width from 1080px to 700px to show 5-6 icons - Apply animated brand gradient to "Lynx" text in section heading - Keep remaining heading text ("See", "in Action") as plain color Change-Id: I00ced040efde520f9d219dff0a43980fc3ea6e45 * fix(home): use App Store icons for consistent sizing, update heading style - Replace all Google Favicons API URLs with Apple App Store (mzstatic.com) icons at 128x128 for consistent, high-quality rendering - Update section heading to "Trusted by Lynx" with animated gradient - Reduce marquee width to show ~5-6 icons at a time Change-Id: I592275359f00551d38fa498fdf0b6bfe24d3a02f * fix(home): prevent marquee icons from clipping on hover scale Add vertical padding inside the overflow:hidden wrapper so the 1.06x scale transform has room to grow without being cut off. Negative margin compensates for layout shift. Change-Id: I6890d3bef444a600b15148abca440387ec58cc15 * feat(home): replace heading with "Trusted by [TikTok logo]" with dark/light mode - Replace "Trusted by Lynx" text with "Trusted by" + inline TikTok Primary Logo SVG - Show black wordmark in light mode, white wordmark in dark mode - Trim SVG viewBox to remove built-in padding for tight vertical alignment - Keep scrolling app icon marquee intact Change-Id: Ib21bdbdf512491f3c3dba680916b4ba87f9a95ca * refactor(home): use img tags for TikTok logo instead of inline SVG Use the original SVG files as-is via <img> imports, with negative margins to compensate for built-in SVG padding and align visually with the "Trusted by" text. Change-Id: I1e33bc45f74867f1766e0840ccc9df4a86dbe10f * fix(home): polish marquee section — tighten logo gap, center mobile layout, simplify icons - Add negative left margin on TikTok logo to close gap with "Trusted by" - Remove icon hover effects (scale, opacity, pause) since they're not clickable - Let mask-image gradient handle edge fade instead of per-icon opacity - Center-align all text/content on tablet and mobile breakpoints - Mobile showcase: first phone centered, second peeks and scrolls to center - Reduce top spacing on mobile Change-Id: Ib921364b6e4752676368b1d40da7c4b5eccf5a9a * fix(home): final polish — TikTok glitch animation, copy updates, font normalization - Add periodic TikTok chromatic aberration glitch on logo (Glint + Blaze) - Remove divider between Act 1 and Act 2 - Update Chinese copy: "TikTok 同款", concise case titles/descriptions - Update English subtitle to "Powering native experiences for billions" - Normalize font colors to use --home-features-item-desc-color consistently - Nudge TikTok logo up slightly for better optical alignment Change-Id: Id703e9ab56b2aa58640862ed615d351a3a499dfe * feat(home): add CapCut logo, two-line heading, polish showcase section (#883) - Two-line heading: "Trusted by" / "信赖之选" (small) above [TikTok] [CapCut] logos - Official CapCut SVGs (standard black + anti-white) with light/dark mode - TikTok logo links to tiktok.com, CapCut to capcut.com - TikTok chromatic aberration glitch + CapCut cyan glow pulse animations - TrustedBy component: configurable apps prop, removed Doubao & Gauth - ShowCase accepts showMarquee prop (default false) - Normalized typography and spacing across sections - Updated Chinese/English copy Change-Id: Iefdd34abde8c4c50619c3579fe3e733742489428 * fix(sidebar): exclude external/ecosystem subsites from sidebar dropdown (#887) The sidebar SubsiteSelect was rendering all SUBSITES_CONFIG entries including external ecosystem subsites (Sparkling, Vue Lynx, ReactLynx Use) that were added in #866. These should only appear in the navbar popup. Export CORE_SUBSITES and ECOSYSTEM_SUBSITES from shared-route-config and use CORE_SUBSITES in the sidebar dropdown. The navbar popup continues to show both core and ecosystem subsites via its two-column layout. Change-Id: I72d7faeaed9b7185c6cf5767185d8a5f5d09f44f * fix(sidebar): exclude external/ecosystem subsites from sidebar dropdown (#888) The sidebar SubsiteSelect was rendering all SUBSITES_CONFIG entries including external ecosystem subsites (Sparkling, Vue Lynx, ReactLynx Use) that were added in #866. These should only appear in the navbar popup. Export CORE_SUBSITES and ECOSYSTEM_SUBSITES from shared-route-config and use CORE_SUBSITES in the sidebar dropdown. The navbar popup continues to show both core and ecosystem subsites via its two-column layout. Change-Id: I72d7faeaed9b7185c6cf5767185d8a5f5d09f44f * feature: 3.7 release blog Change-Id: If01dcd787850ad71bf400c88fa6e246948f543d5 * Convert SVG URL to Markdown image in lynx-3-7.mdx (#873) Change-Id: I9ec2d24c9a1fc04eeed9c40bb8c347ff763e03a4 * feature: 3.7 Change-Id: I0011e343023f89abfc0ecbfc6385e9366c5330fd * chore:blog Change-Id: I9a0aedd03b561d7d93ed90105bd6803326fd419e * feat(compat): add desktop platform support data Change-Id: Ica270067bee80276d585e14ae0cf80204f25f679 * docs(css): add cursor property documentation Change-Id: I9bb9e0e8d630191a607253e9b9eacdbc986f23c8 * docs(blog): refine lynx 3.7 desktop updates Change-Id: Ied8c18a11799c11564fff62454c904af78ee73ec * docs(api): clarify mouse event desktop status Change-Id: I0e814064e9731ae8e810ed67b8bbddcc27139edb * chore(docs): document asset import convention Change-Id: Ifaebd06775ec15dd79bdca45d676d05f67affaeb * docs: add desktop event and title-bar-view docs Change-Id: I9698e7208269ea1f3eb9b00c9b1ba2c686451712 * chore: add desktop compat for lynx api Change-Id: I806dd41db2e5a1e365d3e0403f2eb4630c74bdcd * chore(examples): update desktop example package versions Change-Id: Ib4e252a314244af8c1096db20601440054539d07 * docs(blog): expand lynx 3.7 desktop coverage Change-Id: Ia391a3f395191cc2ce7b52bcf4a0323fea55ccd0 * chore: update api stats Change-Id: I2dcf11833e43e82dd5f8a8d118c2a3dbb01319c3 * docs: add desktop native api docs Change-Id: Iccd7ab3aa5745d9be14bd03479b1026c8dc589b8 * docs: clean up native api desktop docs Change-Id: I6537c5a86d52c8b85faf9708501cb8a946e2fe6d * feat: refine reactlynx in lynx-3-7.mdx Change-Id: I6c1fd0b986f7ae52b457dc6fdb51f417201597d8 * docs(blog): update 3.7 desktop showcases and authors Change-Id: I412b32f07d4ba6fb7aeaa7f785a87de305cae104 * chore(cspell): fix mdx comment syntax Change-Id: I561c53d5e1f003cda3efcee5cadf318eef58d350 * chore(examples): bump desktop and css-api packages Change-Id: I3f3188d2aba497d69a81325d43956736440d7c86 * docs: fix svg highlight lines in 3.7 blog Change-Id: I0772f0b5aff1738b75f9d63dd940873118821e41 * docs: pin quick start binaries to lynx 3.7.0 Change-Id: If34c6447732f8a5dd5316b20e8f821f18d7fa1ab * fix: polish 3.7 blog wording and consistency - Fix macOS casing (MacOS → macOS) throughout - Add SVG to intro paragraph - Remove .html suffixes from internal links - Replace PC with desktop - Fix self-rendered wording for clarity - Align ZH SVG example dimensions with EN - Update date to 2026-04-16 Change-Id: Iaa809c703b5d39397ba9f095f53664481218805c * fix: polish 3.7 blog structure, wording, and EN/ZH alignment - Fix macOS casing, add SVG to intro, remove .html link suffixes - Move banner video above Desktop title, reorder Getting Started to end - Streamline desktop-specific capabilities (link titles, drop repetitive intros) - Rewrite SVG section (drop external image/example, link to API docs) - Rewrite Agent Skills section with full skill table - Rewrite ReactLynx section with proper feature context - Bold and link own rendering engine to Clay repo - Add Lynxtron "stay tuned" / "敬请期待" - Translate app/examples to Chinese, update API Status link - Compact ZH rendering engine section layout - Update date to 2026-04-16 Change-Id: I0de5363223efe5b9a044db6a1afa356f6c5acb45 * docs(3.7): clarify desktop rendering coverage section Rename section from "Full Rendering Engine on Desktop" to "CSS and Element Coverage on Desktop" and rewrite the opening to make the logical relationship explicit: CSS pipeline reuses the shared rendering core (hence 97% coverage); element rendering relies on the new Skia-based custom backend (hence 73%). Change-Id: Id67453da64441f919d554a084a40a366386db956 * docs(3.7): move rendering engine sentence into coverage section Relocate 'The desktop UI is powered by Lynx's own rendering engine' from the intro paragraph into the CSS/element coverage subsection, where it naturally motivates the coverage numbers that follow. Rewrite the opening to: engine reused → CSS naturally near-complete; primitive elements need reimplementing → coverage still growing. Change-Id: Idb35fef55198e73aac29fe454035da28c80487e5 * docs(3.7): lead with reused core (positive), then custom backend Change-Id: I1a6fb8cb9c315d27aef4a3cc34a0cb92cb7dd251 * docs(3.7): replace em dashes with parentheses Change-Id: I557c9c213b8b7f5c232b38f9d290cdb3f0c79247 * docs(3.7): use relative clause instead of em dashes Change-Id: I9764e88ea7e169f1ca4272cbafcb8a593d962c80 * docs(3.7): link 'main thread' directive to main-thread-script doc Change-Id: I128d66a85bb413cd413769eda67f0bb6320cbe3b * docs(3.7): mention per-API compat tables before API Status Dashboard Change-Id: Iba7613cbfd59cf312070cbff9bf886af195408a6 * chore: ignore built-in api docs from prettier (#902) Change-Id: I2299bf2b16d81bc7e16e10f49516451d7b42477c * docs(api/rspeedy): update lynx-stack (#903) Change-Id: Ibc71cb4981a90d352bf51182f9c0f2c17964ebd5 * docs(rspeedy): update default value (#904) * docs(rspeedy): update default value Change-Id: I3197cdfb8d5f400e0fde520a1b8f9a885ac3979c * docs(api/rspeedy): fix css extract plugin links Change-Id: Ic8b212a13547898442b3a198f0051de4c394ebe9 * docs: replace rspack.dev links with rspack.rs (#907) Change-Id: If937c425fb7921de52c5b97ba0a3c1ac5854b857 * update resourceprefetch api. Change-Id: Id12132a608ab8b0dfe4e6118663e6179eba37ab7 * feat: Update Lynx 2026 Roadmap (#910) * feat: Update Lynx 2026 Roadmap Change-Id: I8e6b1b758bca588469aff909178a0c1a7b66666b * fix: align chinese roadmap links with english version Change-Id: I5bc30b9adf45aca5dac4fbf377e7ea81849cfda3 * fix: add hiring section to roadmap posts Change-Id: I26e77247a30d49b9191a974a6170f3ea6dc4a8b2 * fix: improve 2026 roadmap wording and EN/ZH alignment - Streamline English wording for clarity and engagement - Align Chinese translation closer to English structure - Fix section titles for consistency (title case, noun phrases) - Replace PC with desktop, MTS with Main Thread Scripting - Restructure section 4 into three layers (Sparkling/framework/tooling) - Reorder section 5 to lead with Rspack partnership - Fix Rspack/RStack naming inconsistency in ZH - Link Agent Skills to lynx-community/skills - Update hiring links to search pages - Add v3.7 mention bridging to monthly cadence Change-Id: Ib3831f685523c82ea5c4ac35677f8fcded9801b1 * fix: merge performance into framework paragraph in section 4 Change-Id: I84ed481126f77919959bffa16fe8daed744fca6e * fix: move release table, fix heading levels, add divider - Move release schedule table above improvement bullet list - Fix ZH heading levels from H3 to H2 (2025 and 2026 roadmaps) - Add divider between intro and section 1 in ZH Change-Id: Ia51e6a38aa66047e7545fe4b27417050bb392841 --------- Co-authored-by: xuan.huang <5563315+Huxpro@users.noreply.github.com> * chore(home): hide CapCut branding Change-Id: Id719a5a96cf6e8f85da24029b6c146592afef34b * chore(release-3.7): switch site base to 3.7 Change-Id: I04252945385067218ecf17d7c7fab6013dabc251 * chore: update pnpm lockfile Change-Id: I50c53b2cb8d179cfd35633a2ceaa74af5167de8c * chore(netlify): add version redirects for 3.7 Change-Id: I86fd8ab460aed44f58db83109ce34a29c627e8bd * chore: update api status Change-Id: Ic1cce98bcae2ab2e16bed808be0551db4482bb15 * fix(examples): add missing external-bundle example package Change-Id: Iaf0c8b1ba8488ffe8dd0c0d367239689a2ddb949 * docs: refresh external bundle docs and API reference (#890) Change-Id: I9856e3245deb8c156a50a0b02d140470b2a4e1ef * chore: upgrade @lynx-example/external-bundle to 0.0.3 (#892) Change-Id: Ic54d8176d4dbb1f1caab2d4a7c083781b86716cd * fix(docs): remove conflict markers from rspeedy API docs Change-Id: I5367cd91ff64cc35679d4005365aba8130113d6a * docs(ai/skills): add lynx-trace-record and refine lynx-trace-analysis (#877) * docs(ai/skills): refine lynx-trace-analysis description Change-Id: Ia3507272ffb79be0fe8ef225b36180ddf5e084e2 * docs(ai/skills): add lynx-trace-record and refine lynx-trace-analysis Change-Id: Id855ae89b8af8683a0ad9bab502670556638e14a --------- Co-authored-by: Guangyu Du <23237626+Dugyu@users.noreply.github.com> Co-authored-by: Xuan Huang (黄玄) <5563315+Huxpro@users.noreply.github.com> Co-authored-by: Moonface <8212990+MoonfaceX@users.noreply.github.com> Co-authored-by: Yiming Li <yimingli.cs@gmail.com> Co-authored-by: Qingyu Wang <40660121+colinaaa@users.noreply.github.com> Co-authored-by: liyanbo.monster <liyanbo.monster@bytedance.com> Co-authored-by: Shouqun <101111+Shouqun@users.noreply.github.com> Co-authored-by: Kanan Su <149131467+KananSu@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Builds on the merged #868. Adds CapCut branding alongside TikTok in the showcase section.
appsprop, removed Doubao & Gauth from defaultsshowMarqueeprop (default false)Test plan
<ShowCase showMarquee />shows app icon marquee with proper spacing