Claude/vault stash emblem fix#3938
Open
ByllanBonk wants to merge 236 commits into
Open
Conversation
Committed from shop: My Store
Committed from shop: My Store
Committed from shop: My Store
… layout
- Global CSS with Bebas Neue/DM Sans/DM Mono fonts, dark color scheme (#0D0D0D bg, #E8690A accent)
- Sharp-cornered modern button overrides (no border radius, uppercase, letter-spacing)
- Custom sections: GK Hero, Tour Dates (Bandsintown), Stream+Follow, Featured Gristle, Sponsor Logos, Spotify Embed
- All sections have full {% schema %} blocks for Shopify visual editor
- Updated settings_data.json with 5 dark color schemes
- Updated header/footer groups with dark styling
- Wired up homepage template with correct section order
https://claude.ai/code/session_01CxaEVe2f1Q4SZDKpWhcJ1W
…op grid
- GK Dates Page: full Bandsintown embed with dark styling, customizable artist name
- GK Lessons Page: 3-column card grid with feature lists (Virtual, On-Demand, TrueFire)
- GK About Page: editorial layout with image+text blocks, stats bar, rich text
- GK Press Page: featured quote hero + press quotes grid with source attribution
- GK Contact Page: dark styled form with contact info blocks, Shopify form integration
- Updated collection.json for 3-column portrait grid (Shop page)
- All sections have full {% schema %} blocks for Shopify visual editor
https://claude.ai/code/session_01CxaEVe2f1Q4SZDKpWhcJ1W
Committed from shop: My Store
Committed from shop: My Store
Committed from shop: My Store
Claude/customize dawn theme 4 sm6u
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
…ction Tour Dates (gk-tour-dates.liquid + gk-dates-page.liquid): - Fully custom, no third-party widgets or apps - Manual show date blocks: date, venue, city, ticket URL, sold-out toggle - Auto-hides past dates using Liquid epoch comparison (disappear next day) - Homepage section shows next 4 upcoming, full page shows all - Date in orange Bebas Neue left, venue/city middle, GET TICKETS button right - SOLD OUT shows grey label instead of button - VIEW ALL DATES outlined orange button at bottom of homepage section - Full schema: blocks are addable/editable/deletable in theme editor Spotify Embed (gk-spotify-embed.liquid): - Accepts full <iframe> embed OR bare Spotify embed URL in textarea - Smart parsing: detects iframe vs URL, renders accordingly - Rounded card container with border, shadow, configurable radius + padding - Separate desktop/mobile embed heights - Optional "Open on Spotify" link toggle - Placeholder with instructions when no embed configured - Full editable schema: colors, sizing, spacing, max-width https://claude.ai/code/session_01CxaEVe2f1Q4SZDKpWhcJ1W
gk-tour-dates.liquid: - Custom manual show date blocks (date/venue/city/ticket_url/sold_out fields) - Auto-hides past shows via Liquid epoch comparison (disappear day after) - max_shows range setting (default 4) limits display on homepage - Full-width orange outlined VIEW ALL DATES button links to /pages/dates - Dark design: orange Bebas Neue date, DM Sans venue, DM Mono city - SOLD OUT grey label replaces button when toggled templates/index.json: - Restored full custom homepage: gk-hero, featured-collection, gk-tour-dates, gk-stream-follow, gk-featured-gristle, gk-sponsor-logos, gk-spotify-embed - Replaces the Dawn default sections (image-banner, collage, video, multicolumn) https://claude.ai/code/session_01CxaEVe2f1Q4SZDKpWhcJ1W
Replace Bandsintown with custom tour dates + rewrite Spotify embed se…
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
- Replace typed headline with gristle-vault-logo-wide.png (image_picker setting with asset fallback); straight-on, no transforms, responsive 78vw/86vw/94vw, max 1000px - Logo fades + scales 0.98→1 (~900ms) after the gate loader, reduced-motion safe - Add warm glow + rising embers behind the hero; keep effects behind content - Make gate door panels heavier/more opaque with a darker backdrop - Tighten hero vertical space so videos appear sooner Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014udK2LXm7Zh8oTVau65cFw
Gristle Vault hero: logo image, embers, tighter spacing, heavier gate
Committed from shop: Greg Koch
Standalone full-bleed conversion page on a dedicated naked layout (no Dawn header, footer, nav, or default padding). Dark theme matching the existing site: #111111 background, #C8601A accent, Bebas Neue display, Inter body. - layout/vault-optin.liquid: minimal chrome-free layout - templates/page.vault-optin.json: assigns the single section - sections/vault-optin.liquid: full page (nav, hero, two-column photo and Klaviyo opt-in form, letter, eight gift cards plus PDF callout, repeat CTA, FAQ, P.S., final CTA) with image_picker settings for both photo slots and a custom Klaviyo client-API subscription to list Wbqf9S Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
Honors the mobile rule that all padding collapses to 16px below 640px for section vertical padding and inner card padding. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
…vewdf Add Gristle Vault opt-in landing page at /vault-optin
… black bg - Remove the minimal nav bar so the page is fully naked - Make ACCESS THE GRISTLE VAULT the dominant hero headline - Enlarge the kicker line and add the tagline below the headline - Switch page background from #111111 to the site standard #0D0D0D Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Vault opt-in hero: drop nav, lead with ACCESS THE GRISTLE VAULT, site black background
Break the single static section into 8 editable Shopify sections (hero, form, letter, stash, cta, faq, ps, final-cta) so every heading, paragraph, button label, stat, card, and FAQ is editable in the theme editor. - Repeatable items (stats, stash cards, FAQ) are now add/remove/reorder blocks - Letter and P.S. bodies use richtext (bold = light emphasis, italic = orange) - Each CTA button label and link is editable; buttons scroll to the one Klaviyo form via event delegation so section order does not matter - Shared styles moved to assets/vault-optin.css, loaded once by the layout which wraps all sections in a .vopt container - Card width (third/half/full) and all icons are editable selects Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
…tions Split vault opt-in page into separate editable sections
Committed from shop: Greg Koch
Premium private-archive aesthetic across the editable sections. - Hero: two-column cinematic layout. Left = huge headline, value line, pain copy and CTA. Right = a CSS 'vault preview' of layered lesson tiles with glowing play badges, waveforms, FREE tags and a small PDF chip, over a warm orange glow. New editable kicker/value/lead/pain/ microcopy/button settings. - New Vault Bridge section: pain-to-desire 'scattered way vs Vault way' comparison that builds the emotional arc before the lesson grid. - Lesson cards rebuilt as collectible archive cards: metallic top strip with vault number + lesson stamp, glowing play badge, waveform accent, faint fretboard grid, charcoal inner gradient, orange edge glow, hover lift. - Greg note reframed as a personal invite: large lead line, bigger photo with caption, stronger pull quote. - Layered background with subtle orange radial glows, amp-seam dividers, wider layout where it helps, huge stat numbers, higher-contrast text, refreshed CTA language (Unlock the free stash / Send me the Vault / Get instant access). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
…akeover Cinematic makeover of the Gristle Vault opt-in page
- Global layout: one centered wrapper (min(100% - 32px, 1180px)) for every section so the whole page shares a single visual center at any zoom. - Hero: contained vault-preview panel (tiles framed inside, nothing floats outside); balanced two-column; stronger pain copy. - Lesson cards: replaced the repeated play icon with eight unique hand-built SVG emblems (pick medallion, fingerpick strings, fretboard chord dots, note breaking outside, amp knob, string bend, film-strip waveform, ribbon mic) via snippets/vault-emblem.liquid. Editable per card via an emblem select. Added a metallic rivet to each card header. - Master PDF: sealed archive-file emblem with a 'Vault file · PDF included' kicker instead of a document icon. - Form: premium vault-access panel (charcoal glass, orange top glow, bigger padding, clearer larger inputs, stronger shadow). Button: YES, SEND ME THE VAULT. - Pain bridge: tightened scattered-way vs Vault-way lists. - Greg note: warm card with an orange top accent line and a larger photo. - CTA: wider, more dramatic, stronger orange glow. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
Polish the Gristle Vault opt-in page: alignment, unique emblems, premium panels
Committed from shop: Greg Koch
Evolution of the lesson cards (not a redesign): keep the premium dark card DNA, orange glow, glowing-waveform aesthetic, metallic header, and the central play button, but give every lesson a unique hero composition and waveform. - New snippets/vault-scene.liquid: per-lesson supporting graphics that frame the (kept) central play button, each with its own silhouette: pick frame + speed streaks, six strings + alternating plucks, mini fretboard + chord dots, staff with an escaping note + orbit, amp knob + radial ticks, bent-string sweep + trails, timeline + chapter markers, mic grille + broadcast rings. - Per-lesson waveform identities: eight distinct generated bar waveforms that echo the subject (fast/sharp, even/alternating, clustered, irregular-with- breakout, smooth/warm, wide singing curves, segmented, speech-with-pauses). - Card well now layers scene art (z0), the central play head (z2), and the lesson waveform (z1); subtle hover lift/glow and a few reduced-motion-guarded idle animations (speed streaks, escaping note, broadcast rings). - Cards keep their existing frame, header, FREE label, rivet, gradients, borders, typography, spacing, and proportions. Emblem select drives the scene + waveform, so each card stays editable. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
…ities Give each Gristle Vault lesson card its own visual identity
Committed from shop: Greg Koch
Committed from shop: Greg Koch
If a lesson card has no emblem set (for example after the theme editor resets card settings), derive a unique emblem by card position instead of defaulting every card to the same scene. Keeps the eight lessons visually distinct even when the saved card settings are missing. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Committed from shop: Greg Koch
Vault stash: keep lesson cards distinct even when emblem settings are missing
Schema default of "pick" meant every card rendered the same pick scene. The blank-check fallback never fired because "pick" != blank. Explicitly assign each card its correct emblem so vault-scene renders 8 distinct SVG compositions. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VM44mfeEuAGSq44QefuH2F
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.
PR Summary:
Why are these changes introduced?
Fixes #0.
What approach did you take?
Other considerations
Decision log
Visual impact on existing themes
Testing steps/scenarios
Demo links
Checklist