this post was submitted on 21 Jun 2023
13 points (100.0% liked)

sh.itjust.works Main Community

7725 readers
2 users here now

Home of the sh.itjust.works instance.

Matrix

founded 1 year ago
MODERATORS
13
submitted 1 year ago* (last edited 1 year ago) by cyanarchy to c/main
 

So I recognize that these preferences are going to be different for everyone. I've been enjoying my time here thus far but occasionally I look at other instances to see what their native look and feel is like, or to more easily see if they have communities I'm interested in subscribing to. Most of them look pretty similar but I've only just looked at kbin.social and I find the layout far more attractive.

To be more specific, I find it's use of horizontal space more appealing. There's less dead space left on my widescreen monitor. The fonts are collectively a little smaller and less bold, so I feel like I can browse more content in between scrolls. The usage of space here feels more suitable to a mobile format, in my opinion. I'm not terribly interested in picking up and moving just for the sake of readability, so it would be nice if there were more options we could implement locally.

I don't like bringing attention to deficiencies without having anything useful to contribute, but if I knew a way around this problem I would have implemented it (and I'm still trying but there are precious few worthwhile resources for this in Brave/Chromium), and I feel others could benefit from this topic being raised. I would love to hear what you think.

top 4 comments
sorted by: hot top controversial new old
[–] Klaymore 6 points 1 year ago (1 children)
[–] mershed_perderders 4 points 1 year ago

this is the way.

I've updated it for mobile/handheld as well.

[–] sneakyninjapants 5 points 1 year ago (1 children)

I get what you mean. It's not a big deal to me, but coming from something like old.reddit it's definitely not as nice IMO. Here is a sub that has some scripts you can use with the tampermonkey, etc. to change the appearance of the site. There's a guide Here with how to actually use them. Not a perfect solution, but if you're not intent on waiting (potentially for a while) it's your best bet to getting what you're looking for.

[–] cyanarchy 4 points 1 year ago* (last edited 1 year ago)

Yeah, I expected to be left to my own devices on this, but I figured the community is small enough that I should try to start a discussion where I see the opportunity for one. Ultimately I ended up learning how to make an extension named Stylus override the font family and size on the website. I find a lighter and smaller font does wonders for readability. The width isn't really a problem on it's own - I didn't realize how much I had the website zoomed out just to address the font problem, and it's very comfortable at 100-110% standard width.

In case anyone wants to follow my footsteps, my Stylus rule is very simple and easily modified for other websites.

@-moz-document url-prefix("https://sh.itjust.works/") {

*{

font-family: b612;

font-size: small;

}

}

Unfortunately, I can't get the editor here to play nice with code blocks, but I think you can infer the correct indentation. My font of choice is b612, which was designed for readability in use on aircraft displays. Use your preferred font and modify the value of font-size as needed.