Page MenuHomePhabricator

[e.cash] Sub-page hero section
ClosedPublic

Authored by johnkuney on May 17 2023, 22:36.

Details

Reviewers
bytesofman
Group Reviewers
Restricted Project
Commits
rABC666eb0eb4c7e: [e.cash] Sub-page hero section
Summary

Adding the first section for the wealth redfined page. Most of the sub pages of the site have the same format for their top section
So I made a component that takes the animated image and text content for it, so we can reuse throughout

Test Plan

@bot preview-e.cash
navigate to the wealth-redefined page and check the top section looks good on mobile, desktop, and both themes

Diff Detail

Repository
rABC Bitcoin ABC
Branch
ecash-core-tech
Lint
Lint Warnings
SeverityLocationCodeMessage
Warningweb/e.cash/public/animations/spiningcoin.json:31SPELL2Possible Spelling Mistake
Unit
No Test Coverage
Build Status
Buildable 23747
Build 47104: Build Diff
Build 47103: arc lint + arc unit

Event Timeline

remove uneeded values from spiningcoin

hmm will look into that lint error...its not a spelling mistake, there just happens to be some trigger characters in the data png

actually seeing some issues with the animation, going to close until resolved

revisions to previously abandoned diff

Is there a way around this lint issue? I cant just delete those letters from the encoding, and afaik the lint issue is not actually an issue with this file

web/e.cash/components/animate-image/index.js
7 ↗(On Diff #40361)

seems like this should be a theme prop? Should at least define it as a constant in this component so we know what it is / why it is 0.4, e.g.

const LOTTIE_ANIMATION_SPEED=0.4 // lottie rendering in s, matching webflow

image.png (606×683 px, 170 KB)

cutoff at 320px

... annoying one, probably want to add a width rule to change the text from "Introduction" to "Intro" at this resolution

Looking at current prod site, seems like we currently have some kind of font size rule at that resolution:

image.png (606×683 px, 186 KB)

This revision now requires changes to proceed.May 18 2023, 23:38

adding comments, make animation speed a prop, mobile adjust h2

@bot preview-e.cash

web/e.cash/components/animate-image/index.js
5–6 ↗(On Diff #40364)

no blocker -- but FYI if you are using vscode here, try typing /** and then press enter, good way to set up longer comments

This revision is now accepted and ready to land.May 19 2023, 13:48
This revision was landed with ongoing or failed builds.May 19 2023, 22:54
This revision was automatically updated to reflect the committed changes.