3 ms·
Hey this looks really cool. I think the typography could be improved though, check out http://bettermotherfuckingwebsite.com/ http://bettermotherfuckingwebsite.
by grblovrflowerrr 8y ago
Hey this looks really cool. I think the typography could be improved though, check out http://bettermotherfuckingwebsite.com/ http://bettermotherfuckingwebsite.com/ for some inspiration/guidelines on how to accomplish that.
- k1m 8y agoThanks! :) The output is literally plain text (Content-Type: text/plain). But, I realised it's possible to send a stylesheet in the HTTP header. Chrome seems to ignore it, but Firefox uses it: Link: <https://txtify.it/dark.css>; rel="stylesheet"
- Boulth 8y agoVery cool! Could you also add viewport css so that it looks better on mobile Firefox? (it already looks nice)
- k1m 8y agoThanks! Tried adding this to dark.css @viewport { width: device-width, initial-scale=1; } But didn't work in mobile Firefox. Seems Firefox and Chrome on mobile handle plain text differently. Firefox shows the text quite small (smaller than if it tried to fit it to device width). Chrome on Android, on the other hand, doesn't seem to try to fit the content at all, showing it at fixed scale which causes additional wrapping to the already 70-char wrapped text we output. Happy to experiment more with CSS, but ultimately this is simply supposed to be plain text output, so optimal readability isn't really the goal here - although would be nice to improve it. :)