Link directly to recipients on grants page
Closed this issue · 3 comments
I was referring someone who won a microgrant and could only link the page https://unitary.fund/grants.html. From this it's a bit hard to find their name because there are a lot of names now (a good thing!). But it would be nice to be able to do something like
https://unitary.fund/grants.html#this-grant-recipient
which scrolls to them. (There probably is a name for this in html but I don't know it.)
We can implement anchors in the list, however I did not find a way (in my very limited knowledge of html close to none) to show the anchor also to the webpage reader, which would be ideal. Something like on Wikipedia or Read the Docs, where, if you pass on top of a subtitle with the mouse, you see the link symbol (🔗) and the url gets updated to include the anchor name after the #.
I think this would be the way to do it as @nathanshammah suggests:
https://electrictoolbox.com/add-offsite-link-icon-after-external-links-css/
Since this is not super discoverable, I wanted to document it here. If you click the yellow boxes beside each grant, the grant should snap to the top of your screen and the URL should be appended with an anchor which you can then copy and send to someone. Opening the associated URL should scroll the page to the associated anchor.
I tried to get a 🔗 icon showing on hover, but my CSS is not that good, and figured this is good enough, especially since we are redoing the website soon.