Recently Read/Project

• Relates

  • Recently Read OG

  • Recently Read/Database

• Workflow

  • Fetch Recently Read/Database

    • Will be on the same dir when in production

  • Parse the page and find out all the ISBN (book codes) found there

  • Fetch and save book covers using the bookcovers module (listed below)

    • Only fetch if file is not saved already

    • Save them in a covers directory

  • Resize the images and dither them using the imagemagick action (also listed below)

  • Create a `DOM` UI like the one showed on Recently Read OG (List years, months, and books in each month), but show the covers instead of the <li>s

    • For each book, use the child content of the isbn book entry as a tooltip for it (like we done on the Primary Interests page)

  • Replace the content in Recently_Read2.htmk with the new UI (in the out directory)

  • Copy the `covers directory to out too.

• Resources

  • npm i -g bookcovers

    • https://github.com/e-e-e/bookcovers

  • https://github.com/marketplace/actions/setup-imagemagick

    • convert f.png -resize 100x157 f.png

    • convert f.png -colorspace gray -ordered-dither o8x8 f.png

  • https://www.rodrigofranco.com/Recently_Read2.html

    • My handcoded prototype. Don't try to copy the code, it's messy. The only good thing there is the .cover image css and the hover animation.