Hello HN! This is a static website with a big interactive list of nonfiction books that have been reviewed in Science, Nature, and the LSE Review of Books. I like looking for nonfiction reviews in places such as these to get an idea of how well researched a book is, but going through their old posts is a bit of a pain.<p>The site is generated using 11ty from a couple of JSON files containing the book data, which I collected with the help of a few Python scripts. I used lozad.js and Isotope for lazy loading and filtering respectively.<p>I'm not a dev, so please forgive the cludgy code! This is not a product or service of any kind, but simply a hobby project I made in my free time this week. I'd appreciate any feedback you can offer :)<p>Some things I learned:<p>- I should try using LESS and SASS as my css file is a bit of a mess.<p>- 11ty deserves all the hype it gets in the SSG scene. The docs are a bit sparse for a novice like me, but I found a few fantastic third-party tutorials that I didn't know about when I first mucked about with 11ty.<p>- Install node and npm via nvm if on Linux to avoid permission errors<p>- Web dev is hard<p>Some issues I'm aware of:<p>- Background scrolls when moving the modal (can't figure this out).<p>- Some tags are misspelled and should be grouped further.<p>- The book covers are pretty awful quality.<p>- The site is quite large (~4 MB); I need to learn to integrate minification into the build process.<p>Edit: List formatting