Artisanal handcrafted Git repositories • Hacker News Board

Re: Artisanal handcrafted Git repositories

#71

Post by drewsberry » Tue, Jul 22, 2025, 11:50 AM UTC

sc68cal wrote: post #2

To the site author: I'm on a MBP M1 Mac and honestly I can't really read the text. Far too small, and increasing the zoom just makes the text large but the margins less wide. Firefox reader mode also renders really badly. Please, consider making the layout better for us old coders whose eyes are going, or for hi res displays

Thanks for letting me know. I'm on an M3 and haven't experienced any issues myself, but allowing for font size configuration seems like a pretty good idea. I'd added this in so if you happen to take another look, I'd be interested to hear whether you think this is an improvement.

Re: Artisanal handcrafted Git repositories

#72

Post by drewsberry » Tue, Jul 22, 2025, 11:51 AM UTC

jllyhill wrote: post #49

Am I the only one having troubles with the site on mobile? I'm using Firefox on a decent Android phone but the scroll is extremely stuttery and it distracts from the article unfortunately.

There was a silly on scroll listener that was doing basically nothing – I've tried removing that so if you happen to visit again, I'd be very grateful if you could let me know whether it is still happening (I can't reproduce it myself).

Re: Artisanal handcrafted Git repositories

#73

Post by drewsberry » Tue, Jul 22, 2025, 12:02 PM UTC

styanax wrote: post #51

jllyhill wrote: post #49

Am I the only one having troubles with the site on mobile? I'm using Firefox on a decent Android phone but the scroll is extremely stuttery and it distracts from the article unfortunately.

The site is built with a content creation tool which has used a lot of JS and CSS, but the CSS is atrocious in it's automated output so it's triggering the browser to have to interpret the mess of directives in every code block. The tool is generating HTML trash like (brackets replaced for comment to not parse): [span style="--0:#E1E4E8;--1:#24292E"] [/span] ...over and over, essentially giving style directives for e…

The site uses Astro (https://astro.build/) and the code blocks are generated using Shiki (https://shiki.style/). As Shiki generates the HTML and CSS at build-time instead of requiring runtime JS like alternatives like Prism (https://prismjs.com/#basic-usage), it's actually quite performant. I think it's unlikely that a couple of hundred lines with some empty spans in is going to cause performance issues – imo it's more likely to come from some silly JS somewhere.

Re: Artisanal handcrafted Git repositories

#74

Post by drewsberry » Tue, Jul 22, 2025, 12:06 PM UTC

iJohnDoe wrote: post #37

What is this web site theme or CMS?

There's no CMS, the site is generated from MD/MDX using Astro. The theme is an adapted version of Astro Micro (https://astro.build/themes/details/astro-micro/). Seems like some people like it and some don't, but I like it so I'm using it