Page MenuHomePhabricator

[e.cash] Add tile section to homepage
ClosedPublic

Authored by johnkuney on Jun 9 2023, 21:36.

Details

Reviewers
bytesofman
Group Reviewers
Restricted Project
Commits
rABC7c9f38a1689c: [e.cash] Add tile section to homepage
Summary

Adding the tile section to the homepage now that core tech page is there

Test Plan

preview the site and scroll down to the section on the homepage. Check everything looks good and the links work

Diff Detail

Repository
rABC Bitcoin ABC
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

web/e.cash/components/h2/index.js
11 ↗(On Diff #40711)

what happens if center is not specified?

links load with title under nav bar, would be nice if they loaded with the title just below nav bar. Maybe further down or something like "centered in screen" , so that the animation is not cut off

what we have now:

image.png (403×1 px, 121 KB)

would be nice:

image.png (840×1 px, 236 KB)

@bot preview-e.cash

web/e.cash/components/homepage-tiles/index.js
9 ↗(On Diff #40711)

what's the reason for using an import rather than setting the file name directly below ? Is that mandatory ?

25 ↗(On Diff #40711)

Looks weird to have this in the middle

What do you think about mirroring the placement of the "Lean more" tile ? The site is in english, reading from left to right and it would make sense imo to have the tile on the left, and the techno tiles on the right.
This should be done in another diff though.

web/e.cash/components/homepage-tiles/index.js
59 ↗(On Diff #40711)

If you want to make the uppercase, it's better to do it with css so it is consistent across all GlitchText elements

web/e.cash/pages/core-tech.js
83 ↗(On Diff #40711)

dito, and the same in other places in the code that are not from this diff

links load with title under nav bar, would be nice if they loaded with the title just below nav bar. Maybe further down or something like "centered in screen" , so that the animation is not cut off

what we have now:

image.png (403×1 px, 121 KB)

would be nice:

image.png (840×1 px, 236 KB)

for sure, should be resolved when D14025 lands and I rebase here. Can unstage this one until then

web/e.cash/components/h2/index.js
11 ↗(On Diff #40711)

nothing, optional param, the image just wont be centered

web/e.cash/components/homepage-tiles/index.js
9 ↗(On Diff #40711)

oh yeah not needed, slip of habit there

25 ↗(On Diff #40711)

for sure will move

59 ↗(On Diff #40711)

Its not a universal thing, there are some GlitchText items that are not uppercase

web/e.cash/pages/core-tech.js
83 ↗(On Diff #40711)

sure, is there consensus on whether it can done in both places (ie in the html and with CSS)? on an earlier diff I was told to either do it directly in the text or with css but not both

What do you think about mirroring the placement of the "Lean more" tile ? The site is in english, reading from left to right and it would make sense imo to have the tile on the left, and the techno tiles on the right.
This should be done in another diff though.

Sure makes sense to me, I'll make a task for it

remove image imports, css uppercase

web/e.cash/pages/core-tech.js
83 ↗(On Diff #40711)

What do you think is the best ?

  1. With text if you change your mind you have to go through all the TextImageBlock and edit them all to make it lowercase
  2. With css you change it at a single place and they are all converted. Bonus being that you cannot miss one.

remove captializations from html and add css rule

johnkuney planned changes to this revision.
web/e.cash/pages/core-tech.js
31 ↗(On Diff #40865)

are all these props required? how does this component behave if some are missing?

this function could use a

/**

  • */

header with this kind of discussion.

imo it's okay to say props are required as long as

  1. npm run build will fail if they aren't specified correctly
  2. It's documented that they are required

we don't really want to be handling an edge case like "developer put a bad prop in"

the on-hover bg color change for this tile seems pretty dark, makes it impossible to see the shadow of the hand and almost impossible to see the lower hand, both stealth and normal

image.png (696×496 px, 88 KB)

improve hover background, add comments for core tech blocks

This revision is now accepted and ready to land.Jun 19 2023, 22:37
This revision was automatically updated to reflect the committed changes.