update readme; add animated GIFs

Hunter
Tuesday, November 18th, 2025 at 1:17 AM

readme.md+8-12
readme_images/delete.gifnew
readme_images/drag_n_drop.gifnew
readme_images/duplicate.gifnew
readme_images/move.gifnew
readme_images/pan.gifnew
readme_images/print_options.pngnew
readme_images/resize.gifnew
readme_images/rotate.gifnew
readme_images/scale.gifnew
readme_images/select_theme.gifnew

readme.md
20  So here's a web app that does the same thing (and then some) for free.
21  
22  ## usage
   -<img src="readme_images/usage.gif">
   -
23  Different Techo types use differently-sized grid paper. Use the links below to select the appropriate grid size for your Techo.
24  
25  | <b>Techo</b> | <b>Link</b> |

28  | Original<br>Cousin<br>HON A6<br>HON A5<br>Original Avec<br>Cousin Avec<br>5-Year Techo A6<br>5-Year Techo A5<br>Day-Free A6<br>Day-Free A5 | [Use 3.7mm grid ↗](https://hunterirving.github.io/memori?grid-size=3.7mm) |
29  | Weeks<br>Weeks Mega | [Use 3.55mm grid ↗](https://hunterirving.github.io/memori?grid-size=3.55mm) |
30  
   -
   -
31  ### controls
32  
33  - After opening memori in your web browser, drag one or more images from your desktop onto the grid.<br>

44  	- or, when using a mouse, scale with `ctrl + scroll`
45  
46  - hover an image and drag with two fingers to pan (set the "crop" - the part of the image that's visible)<br>
   -<img src="readme_images/crop.gif">
   -	- when using a mouse, hover an image and `scroll` to pan vertically, or use `shift + scroll` to pan horizontally
47 +<img src="readme_images/pan.gif">
48 +	- or, when using a mouse, hover an image and `scroll` to pan vertically, or use `shift + scroll` to pan horizontally
49  
50  - ```⌘ + click``` an image to duplicate it<br>
51  <img src="readme_images/duplicate.gif">

56  - ```shift + click``` an image to delete it<br>
57  <img src="readme_images/delete.gif">
58  
   -- press ```F2``` to select from one of six user interface themes<br>
59 +- press ```F2``` to select from one of six user interface themes (you may also have to hold ```FN```)<br>
60  <img src="readme_images/select_theme.gif">
61  
   -Once you've filled out the page, press ```⌘ + P``` to print using your system's default print dialog:
62 +Once you've filled out the page, press ```⌘ + P``` to print using your system's default print dialog.
63  <br>
   -<img src="readme_images/print.gif">
   -
   -<img src="readme_images/printed.jpg" height=400px>
64  
65  >[!TIP]
66  >For best results...
67  >- select "Scale: 100%" rather than "Fit to page width"
   ->- set Margins to None or 0
68 +>- set Margins to None or 0<br>
69 +> <img src="readme_images/print_options.png" width=200px>
70 +
71 +<img src="readme_images/printed.jpg" height=450px>
72  
73  Use a hobby knife and straightedge (or regular old scissors) to cut your images to size:
74  
readme_images/delete.gif
Binary files differ.
readme_images/drag_n_drop.gif
Binary files differ.
readme_images/duplicate.gif
Binary files differ.
readme_images/move.gif
Binary files differ.
readme_images/pan.gif
Binary files differ.
readme_images/print_options.png
Binary files differ.
readme_images/resize.gif
Binary files differ.
readme_images/rotate.gif
Binary files differ.
readme_images/scale.gif
Binary files differ.
readme_images/select_theme.gif
Binary files differ.