Update landing page with topology animation and app gallery#17
Merged
Conversation
Replace hero menu bar mock with animated SVG network topology widget, move screenshots to dedicated App section with uniform height grid, remove inline screenshots from features, update footer attribution. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ce layout - Replace SVG topology with 3D canvas animation: perspective-projected nodes rotating in space, no labels, slower packet movement (blue=download, green=upload) - Match look-ma-no-hands structure: 4-column screenshot grid with aspect-ratio thumbnails, click-to-lightbox (80vw, caption below) - Features section is text-only tracklist matching reference style - Section renamed from "App" to "The App" per reference convention - Footer links "constellation design" to constellation.design Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Canvas spans entire hero width at 320px tall - No rotation — static node positions spread across full width - Each outer node is either blue (download/inbound) or green (upload/outbound) - Every arm has 2-3 packets continuously flowing along its length - Packets move very slowly (speed 0.0012) with smooth fade at endpoints - Blue dots flow inward on blue nodes, green dots flow outward on green nodes - Center hub remains neutral colored Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…olors - Reduce from 14 outer nodes to 10 - Alternate dl/ul directions so blue and green nodes are interleaved spatially rather than clumped together - Each arm now has 1 packet instead of 2-3 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- 20 outer nodes (doubled from 10), varied distances from hub - Blue and green nodes interleaved throughout all positions - Each packet starts at a random phase (Math.random()) so dots are continuously dispersed rather than moving in synchronized waves Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…-scoped vars - Add hover effect on screenshot thumbnails (translateY + box-shadow) - Cache getComputedStyle colors and refresh via MutationObserver on theme change - Defer initial canvas resize to requestAnimationFrame for reliable layout dimensions - Replace var with let in for-loops for proper block scoping - Fix misleading CSS comment about canvas container Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
qaid
force-pushed
the
qaid/update-landing-page
branch
from
95626ca to
d75bb48
Compare
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
Test plan
🤖 Generated with Claude Code