hotwire.io icon indicating copy to clipboard operation
hotwire.io copied to clipboard

Better attempt at making links on UseCases pages clickable

Open infews opened this issue 1 year ago • 1 comments

Using SitePress patterns:

  • Adds a Ruby model for Animations UseCases::Animation (as an example)
  • Adds a directory for the various UseCases pages under app/content/data
  • Moves the URLs from the view to the data yaml

If we like this, I can do the same for the rest of the UseCases.

Future Suggestions

  • Add list-type back so the bullets are shown
  • Add optional text about each link? Maybe?

infews avatar May 16 '24 15:05 infews

Quick update! I extracted a partial (and put it in views/components). This simplifies the change to each UseCase page.

If you like this, I'm happy to do this for all of the UseCase pages and re-submit.

I also like the idea of adding a description or summary for each link if you think that will help.

infews avatar May 18 '24 17:05 infews

I like the idea where this is going @infews! Also makes me wonder if we can actually re-use the same view for all the pages 👀

marcoroth avatar May 23 '24 14:05 marcoroth

Cool! I'll finish off this pattern for the other pages. Then I'll see if I can make a single view.

infews avatar May 23 '24 16:05 infews

@marcoroth This branch moves all of the UseCases to YML-backed. Sorry for the size of the commit!

I'm going to use this as a basis for a follow-on PR that can (optionally) reduce this to a single component. Stay Tuned!

infews avatar May 23 '24 21:05 infews

Regarding your future suggestions:

Yeah, I think we need something more appealing! I was thinking of having cards, with an image, headline and small description each for each link. Similar to this:

image

marcoroth avatar May 29 '24 20:05 marcoroth