add readme.md
Hunter
Thursday, October 23rd, 2025 at 12:01 AM
1 +# memori
2 +The Hobonichi Techo is a "<a href="https://www.1101.com/store/techo/en/about/">Life Book</a>" with one page for each day of the year. I use mine as a daily planner, journal, and sketchbook.
3 +
4 +This year, Hobonichi announced an official <a href="https://techoapp.1101.com/en/">Hobonichi Techo App</a>, which, among other features, lets users print photos that are perfectly sized to fit the Techo's 4x4mm grid paper.
5 +
6 +<img src="readme_images/cut_and_paste.jpg">
7 +
8 +Two tiny problems with this:
9 +<ol>
10 + <li>
11 + The app is Japan-exclusive until December 2025
12 + </li>
13 + <li>
14 + The Memory Print feature requires a paid subscription:
15 + </li>
16 +</ol>
17 +<img src="readme_images/premium_plan.jpg">
18 +<br><br>
19 +So here's a web app that does the same thing (and then some) for free.
20 +
21 +## usage
22 +<a href="https://hunterirving.github.io/memori">Open memori in your web browser</a>, then drag images from your desktop onto the grid.
23 +- resize images using the edge/corner resize handles
24 +- click and drag an image from the center to relocate it
25 +- hover an image and pinch to zoom (on supported trackpads)
26 + - ctrl + scroll works too
27 +- hover an image and drag with two fingers to pan (set the part of the image that's visible)
28 +- ```⌘ + click``` an image to duplicate it
29 +- ```option + click``` an image to rotate it
30 +- ```shift + click``` an image to delete it
31 +- press ```F2``` to select from one of six user interface themes
32 +
33 +Once you've filled out the page, press ```⌘ + P``` to print using your system's default print dialog.
34 +
35 +<img src="readme_images/printed.jpg">
36 +
37 +>[!TIP]
38 +>For best results...
39 +>- select "Scale: 100%" rather than "Fit to page width"
40 +>- set Margins to None or 0
41 +
42 +Use an X-Acto knife and a straightedge to cut your images to size.
43 +
44 +<img src="readme_images/cut_out.jpg">
45 +
46 +Stick 'em down with a gluestick (or try with sticker paper):
47 +
48 +<img src="readme_images/spread.jpg">
49 +<img src="readme_images/spread2.jpg">
50 +
51 +
52 +## future enhancements
53 +- PWA support
54 +- better mobile support
55 + - for Safari on iOS, generate pre-rendered PDFs to avoid printing with headers, footers, and margins
56 +- support for Japanese grid cell dimensions (3.7mm)
57 +- support for common international paper sizes (other than 8.5 x 11in)
Binary files differ.
Binary files differ.
Binary files differ.
Binary files differ.
Binary files differ.
Binary files differ.
