Claude/beautiful gauss vncsnh#2
Open
SARx613 wants to merge 21 commits into
Open
Conversation
Recreates the skipit pickup UI: product selection (Mis productos) with selectable beers, swipe-to-confirm Retiro screen, loading splash with frog logo, and success screen. Deployed via GitHub Pages.
Remove Actions workflow (integration token cannot enable Pages on a fork) and add .nojekyll so the static site is served as-is.
- Two-line wrap for info card text, wider Todos chip - Exact colors for borders, buttons, checkbox, nav (selected row black border) - Swipe: light-green track, navy fill that trails the white knob with dark chevron - Loading: thick rounded green arc spinner, cleaner frog logo - Success: smaller circle and thinner checkmark, matching proportions - Hour shown with bold time, taller ticket card
- Swipe: no dark fill at rest (white knob on mint track); navy fill appears and trails the knob the moment you start sliding (4153/4154) - Muted green Retirado label - Redraw frog logo: leaping pose, head up-right with eye + highlight - Unify spinner green with logo
- Hour now shows the real current time (HH:MM:SS), updating every second - Larger, bolder 'Rabieta Palermo' name with clearer separator rule - Recreate the brewery roundel (curved text + maroon horseshoe) as the avatar - Redraw skipit frog facing left with eye-bump on top, matching the logo
Use exact values from the live site: orange #fdba74, text #0a1112, letter-spacing -0.02rem, real brewery logo image (50px, SVG badge fallback), Hora 16px/800 #425052, 18px/700 name and items, Total: at 16px/500, dark progress #04252b, white thumb with the site's chevron icon, hint 14px/500 #0a1112.
Replace the hand-drawn frog with the exact skipit wordmark+frog SVG (frog #3BD58B, text #0A1112) and match the spinner to the brand green.
…red page - Todos button switches the list between beers and the drinks set (3x Bebida sin alcohol ingreso with a bottle, 1x Trago ingreso with a cocktail glass), replaying the entry animation - Products are data-driven; Retiro ticket now lists the selected items with a live total - Retiro/success background changed from orange to coral red
- Todos now toggles between the two beers and a single Trago ingreso - Add per-product real-image support (img URL) with SVG balloon-glass fallback - Use the exact background red rgb(248,113,113)
- Product items now use real CDN image (assets.skipit.com.ar) with image wrapper + info div + circular radio/checkbox layout - Bottom nav updated with exact SVG icons from reference (home, cart, bag/products active, profile) and icon-wrapper structure - Typography aligned to reference: info card title 14px fw600, sub 12px fw500, product name 16px fw800, action bar 18px fw700/fw500 - Chip "Todos" button resized to match reference (14px, compact padding) - Disabled confirm button uses dark text on muted background matching reference style - Nav active state uses green color on icon wrapper https://claude.ai/code/session_01GtoEmRJjk4R1NttkVV3sGX
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
2 participants
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.
No description provided.