How to use these tools

📄 Photo Report

Upload site photos with notes, and generate a shareable PDF report — cover page, one photo per page with your caption, a repeating header with the site name.

Basic flow

1. Add photos with + Add photo (one at a time) or + Add multiple (pick several at once from your library).
2. Write a caption for each — what it shows, camera position, obstructions, whatever's useful later.
3. Fill in Step 2: site name, surveyor, date, location, notes.
4. Optional: pick an accent color and/or upload a small logo — both show on the cover page and the accent carries through as a thin header bar on every photo page.
5. Click Generate PDF. You'll get a link to open/share it, plus an option to download the same pages as a ZIP of images instead.

Save progress & resume later

Click 💾 Save progress any time — you'll get a short code (like 8EDUFR). Enter that code in the "Have a saved code?" box on any device to pick up exactly where you left off, photos included. No login needed — just don't share the code with anyone you don't want editing that report.

Find an existing report

Click 🔍 Find existing report and start typing a site name, surveyor, or location — matching reports already generated show up live, with a link to open the PDF.

📐 Site Plan

Draw a scaled site plan over an uploaded sketch or a live satellite map — trucks, cameras, tents, cable runs, and text notes, all sized to real-world feet.

Getting a base layer

• Upload — a hand-drawn sketch, screenshot, or photo. Click 📏 Set / adjust scale, click two points a known real-world distance apart, and enter that distance.
• Pull map — search an address or venue, or just drag/scroll the interactive map to the spot you want, then Pull map image at this view. Scale is calculated automatically — no manual calibration needed, though you can still adjust it if the imagery looks off.
• 🪄 Auto-read sketch — after uploading a hand-drawn sketch, this asks Claude to identify equipment, camera positions, and cable runs, and drop them onto the canvas roughly where they were drawn.

Placing and editing

• Click a block in the list, then click the canvas to place it. Drag to move, click to select.
• When something's selected: rotate (pick the degree amount from the dropdown), rename, or delete.
• 🔌 Cable run — pick a color/weight first, then click a path across the canvas; double-click to finish. Shows the real-world length.
• 🔤 Add text — click to place a label anywhere, pick color/size first.
• 🧹 Eraser — toggle on, then click anything to delete it instantly. Or select something and press Delete/Backspace.

Saving, reopening & exporting

Save drawing gives the drawing a short code (like K7PQ2M), shown above the canvas. Type that code into the Drawing code box on any device to reopen it, fully editable, or use the link syncerrors.tv/draw.html?code=…. Saving again updates that same drawing, so one code always opens the latest version.

Save as new copy creates a separate drawing with its own code and leaves the original untouched. It's handy for variations like "Plan A / Plan B" for the same venue.

🔍 Find existing drawing lists saved drawings, newest first. Type part of a name or code to filter, then click one to open it.

Download SVG/PNG gives you a flattened file with the base image embedded, so it opens correctly outside the browser too.

🔗 Saving & sharing, in general

Both tools work the same way under the hood: nothing needs an account. A save produces either a short code or a link — whoever has it can open and, for drawings, edit it. Treat that code/link like you'd treat a shared document link: fine for a small team, not something to post publicly if the content is sensitive.

Found something broken, or have an idea for what these tools should do next? Use the Feedback page — it goes straight to Jason.