This quick guide will have you up & running in no time. You will need:
- Scanned images of your typewritten pages
- Some software to edit vector graphics
- SVGo installed globally ( if you are anti
package.jsonlike myself )
Currently, this framework support links and nothing else.
You'll need to make SVGs of your scanned pages. I like Inkscape's bitmap trace for this purpose. Once in hand, pull your newly vectorized pages into your editing software of choice. This repo is designed around Affinity Designer, as that's what I use. The object here is to make sure anything that should function as a link is its own separate path. You'll also want to add a box underneath your links, which will function as a 'mouse buffer zone' so that clicking is intuitive for your many, many vistors. The box's fill should be set to the background color of your pages/site. Here is an example of some link text with the box beneath it:
Now, in Affinty Designer, layer names in the software become the ids of the corresponding <g> tags in the exported SVG. Unless there are duplicate layer names, in which case Affinity prepends a digit to the id and adds a new attribute, serif:id, with the original layer name to the <g>. If you are not using Affinity Designer, you'll need to see the naming conventions of your vector software and edit the code appropriately. In Designer, rename all paths/layers that should function as links like so: @<YOUR URL HERE>. The link text and its border box should be named identically. Like so:
Export the SVG and head to step No. 2.
I
