So from a technical perspective, because of limitations of the web, there are two very different ways to approach this:
-
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.
-
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
