Idea: Use a webpage or PDF as background

So from a technical perspective, because of limitations of the web, there are two very different ways to approach this:

  1. using the server to transform pdf pages into image files. I can do this with a lib like PDF.js - Home. This approach lets you save and manipulate individual card page images.

  2. rendering the whole pdf client-side as a scrollable container inside a card (using something like PDF.js - Examples) . In this case the whole pdf would live inside a card, kind of like a codeblock (Bigger, Better Code Blocks). This approach is simpler UI-wise but you can’t reference or point to individual pages in the pdf.


for #1 , the flow looks kind of like this:

it’s a big flow