adding qr codes, converting site to quill

qrCodes/readme.md

@@ -0,0 +1,33 @@
+This is a standalone sub-app to generate QR codes for the business cards
+
+1. Run "generateQRCodes.js". This will create a qr_codes folder with all the codes as png images.
+2. Upload all the Images into Figma. They should auto-organize into a grid.
+3. Make QR Codes Transparent
+- Select all the images
+- go to the "Appearance" section in the right sidebar
+- click the droplet ("Apply blend mode")
+- select "Darken" from the menu
+4. Make QR Codes the Right Size
+- Change the width (and height) of each image to 538
+5. Frame All Images
+- Search "Batch wrap in Frame" in Figma plugins
+- Select "Multiple Wrapper" plugin
+- Wrap each image in a frame
+6. Add Backgrounds
+- Go to "Layout" section in right sidebar, select the "vertical" option (the icon with the 2 rectangles and arrow pointing down)
+- Center the images using the alignment tool (right below width and height inputs)
+- Change the width to 1888, height to 1079
+- Change fill to #FFEACA
+7. Export as 50 different images
+8. Upload Each one to Moo
+
+
+
+Process Improvements:
+Figure out how to upload more efficiently (6 min per 50 cards)
+Figure out how to add number to card so I know which one I am giving to people
+
+
+
+
+