ET-Jekyll: Edward Tufte-inspired Jekyll theme | Hacker News Reader

ET-Jekyll: Edward Tufte-inspired Jekyll theme

et-jekyll.netlify.app

148 pointsbradley_taunt27 comments

Been using this for a few years now, LOVE marginnotes! For example: https://www.0atman.com/articles/20/polyphase-one-month

Yeah, that is fun!

I'm gonna take this theme for a spin right now!

The line-height and viewport padding are very pleasant on mobile. I will definitely take some inspiration from this on my own sites.

Mild disappointment at how the demo page has been minified info a single gigantic line so there's no easy way to View Source and see how certain things are done. I miss the days when that was the norm.

> Mild disappointment at how the demo page has been minified info a single gigantic line so there's no easy way to View Source and see how certain things are done.

Have you tried the Inspector, rather than View Source? That (re)formats the code.

That's a great idea but still doesn't let me see the markup as generated by Jekyll. I'm more interested in the form than the function in this instance.

It’s entirely possible to clone the repo and run, there is one setting to change not to compress output (blanking at what atm...)

Beautiful theme. Also happy to see Jekyll here.

If only for unique lI1, Johnston is a better choice than Gill Sans for a body copy sans serif font. (Tufte’s preferences notwithstanding)

This have antialiasing on, while Tufte CSS doesn’t, making the text little less “bold” on my Mac. I prefer the antialiasing: auto one (browser on the right)

https://i.imgur.com/qEkfG06.png

nice, what about dark mode?

Seconding this, dark mode would make it perfect. Great work otherwise though

Good call! Will add it to my TODO list

I have an Edward Tufte Jekyll theme with dark mode here: https://ibrahimsaberi.com/, not the same as this one but hopefully similar enough

impressive

Maybe it's less obvious on desktop - but I had to look around a bit to find the source for the theme:

https://github.com/GeorgeIpsum/tufte-jekyll

I don't think this source contains the dark mode toggle. He's made only two of his own commits to this fork, and neither relate to that functionality. Would be nice to have! Looks great.

Somehow, serif fonts look wrong on a dark background. Could it be my association of dark backgrounds with terminals?

Anyone know of something like this for Hugo?

The closest I found are:

1) Etch https://github.com/LukasJoswiak/etch

2) Even https://github.com/olOwOlo/hugo-theme-even

I’d very much appreciate any other relevant Hugo themes though!

Maybe this one: https://github.com/shawnohare/hugo-tufte or this one: https://github.com/alanorth/hugo-theme-tufte-css

These custom fonts that people use are so unnecessary... Just let me use my browsers' default!

ET Book, the font used on the page, is free and open-source:

https://edwardtufte.github.io/et-book/

Modern browsers also have preferences to switch off web fonts.

The main downside of custom web fonts isn’t the licensing but having to download those fonts to render the page. There are ways to optimize font loading [1] but it can still lead to delay in rendering or font swaps.

It looks like ET-Tufte has already considered and tried to mitigate this downside. [2]

[1]: https://web.dev/optimize-webfont-loading/

[2]: https://et-jekyll.netlify.app/et-jekyll-theme/#performance

Licensing is a issue[0] in commercial fonts, though.

[0]https://twitter.com/typographica/status/1395769805542547461?...

I think it’s beautiful. It’s all subjective and they strived to add beautiful typography to this theme.

> Just let me use my browsers' default!

Just disable fonts in the browser settings then.

It is only natural to include a font which was commissioned by original author.

Reply on news.ycombinator.com