Links not immediately visible on mobile

[trumad]

Love this site. Thank you for making it!

I'm using firefox for android, so maybe this is just my problem, but when visiting the site on mobile it's not easy to tell what is a link and what is just text.

I really love how it works on desktop, where you hover the mouse over a paragraph and it shows the links. But on mobile you have to long touch the paragraph, and then the links show up.

Maybe something like this could help? https://css-tricks.com/styling-based-on-scroll-position/ Or just make links always visible when the viewport is smaller than a certain size?

[tom-james-watson]

Hello! Nice to see people using the site 🙂.

Yeah I agree this isn't ideal. I use Firefox on Android and a simple tap on the div of the entry will show the links - you shouldn't need to long press. I usually just tap the white space around the text. But yeah, that is not ideal or particularly discoverable.

I didn't like the idea of just always showing the links because I feel like it makes it less readable. I'm not sure the links appearing based on scroll position makes sense, because that seems like it would just be the same as always having them visible on mobile.

Maybe I can try playing around with the link styling to make them more readable if always turned on.

[trumad]

I know what you mean. I find that links take me out of the experience of reading. In which case, I'd actually rather it be like this than have the links always be visible. You've won me over lol

How about a settings cog at the top, in which users can set links to always on. And dark mode ;) But honestly, I'm not known for particularly good UX in my own projects, so what you've done here is much better than anything I could suggest. Hopefully I've given you some food for thought at least. Detoxed is already great, and there's very little you'd need to do to make it better. Thanks again for making it!

[tom-james-watson]

Haha ok. I have been trying to keep the site as simple and as lightweight as possible and would like to avoid adding any javascript if possible. If I were to add dark mode it would be automated in css based on your device's current preference. I have been planning on doing that at some point, so keep an eye out for that!