commit b6e83c7c241925cd6302214b636b1ecf7646efe9
parent 8cc347fa00d1521e1edafb5379663d4ea48635c3
Author: Hunter
Date: Tue, 18 Nov 2025 01:17:38 -0500
update readme; add animated GIFs
Diffstat:
11 files changed, 8 insertions(+), 12 deletions(-)
diff --git a/readme.md b/readme.md
@@ -20,8 +20,6 @@ Two tiny problems with this:
So here's a web app that does the same thing (and then some) for free.
## usage
-<img src="readme_images/usage.gif">
-
Different Techo types use differently-sized grid paper. Use the links below to select the appropriate grid size for your Techo.
| <b>Techo</b> | <b>Link</b> |
@@ -30,8 +28,6 @@ Different Techo types use differently-sized grid paper. Use the links below to s
| 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) |
| Weeks<br>Weeks Mega | [Use 3.55mm grid ↗](https://hunterirving.github.io/memori?grid-size=3.55mm) |
-
-
### controls
- After opening memori in your web browser, drag one or more images from your desktop onto the grid.<br>
@@ -48,8 +44,8 @@ Different Techo types use differently-sized grid paper. Use the links below to s
- or, when using a mouse, scale with `ctrl + scroll`
- 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
+<img src="readme_images/pan.gif">
+ - or, when using a mouse, hover an image and `scroll` to pan vertically, or use `shift + scroll` to pan horizontally
- ```⌘ + click``` an image to duplicate it<br>
<img src="readme_images/duplicate.gif">
@@ -60,19 +56,19 @@ Different Techo types use differently-sized grid paper. Use the links below to s
- ```shift + click``` an image to delete it<br>
<img src="readme_images/delete.gif">
-- press ```F2``` to select from one of six user interface themes<br>
+- press ```F2``` to select from one of six user interface themes (you may also have to hold ```FN```)<br>
<img src="readme_images/select_theme.gif">
-Once you've filled out the page, press ```⌘ + P``` to print using your system's default print dialog:
+Once you've filled out the page, press ```⌘ + P``` to print using your system's default print dialog.
<br>
-<img src="readme_images/print.gif">
-
-<img src="readme_images/printed.jpg" height=400px>
>[!TIP]
>For best results...
>- select "Scale: 100%" rather than "Fit to page width"
->- set Margins to None or 0
+>- set Margins to None or 0<br>
+> <img src="readme_images/print_options.png" width=200px>
+
+<img src="readme_images/printed.jpg" height=450px>
Use a hobby knife and straightedge (or regular old scissors) to cut your images to size:
diff --git a/readme_images/delete.gif b/readme_images/delete.gif
Binary files differ.
diff --git a/readme_images/drag_n_drop.gif b/readme_images/drag_n_drop.gif
Binary files differ.
diff --git a/readme_images/duplicate.gif b/readme_images/duplicate.gif
Binary files differ.
diff --git a/readme_images/move.gif b/readme_images/move.gif
Binary files differ.
diff --git a/readme_images/pan.gif b/readme_images/pan.gif
Binary files differ.
diff --git a/readme_images/print_options.png b/readme_images/print_options.png
Binary files differ.
diff --git a/readme_images/resize.gif b/readme_images/resize.gif
Binary files differ.
diff --git a/readme_images/rotate.gif b/readme_images/rotate.gif
Binary files differ.
diff --git a/readme_images/scale.gif b/readme_images/scale.gif
Binary files differ.
diff --git a/readme_images/select_theme.gif b/readme_images/select_theme.gif
Binary files differ.
