Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I’m fairly proud of mine: https://rymc.io

The mobile reading is especially smooth, a point of pride



Looks beautiful, and loads quickly. This is my favorite so far.

Are you using a static site generator?


Yup! It's a customized version of Zola (https://www.getzola.org) that I hacked to add support for line numbers in code blocks (e.g, in any of the technical articles). I also committed support for the Dracula theme to the project.

The social stuff is a separate script that runs before site generation, which I open sourced (https://github.com/ryanmcgrath/activity-scraper). All runs on a "every 5 minutes" cron job that just fetches activity and rebuilds the site. It also rebuilds if I push to the server.

For the font support, the top logo is optimized to just include those four characters (RYMC), and then Aleo is stripped slightly. It's all base64 encoded into the CSS, and the CSS is all inlined into the page.

Before anybody says "but HTTP/2", yes, I know multiple requests on the page is fine with HTTP/2, and that's good for much bigger projects. I still notice a big time to paint difference for something like this where the total amount of data on the page is ~150kb. Icons are all SVGs, inlined into the page and just repeated via group/use tags - the only external request it makes is the header image, and I suppose Cloudflare injects an email decoder JS lib that's less than 1kb.

I think part of me also wanted to do it like this purely to ensure that there's tech articles out there that load fast, don't need AMP, and don't overload you with subscribe/follow/etc actions. It's old school, the web I grew up with - doesn't work for everything today and I wouldn't build most projects like it, but it's fun for my personal site. shrug




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: