Update help

TODO.md

@@ -8,17 +8,6 @@
 * Link-esque things
 	* Popups (I'd probably make the text within the popups selectable)
 	* Related topics (I'd probably make this a heading with links instead of the weird context menu thing)
-* Update topics
-	* "To use black and white instead of color" ("If you change back to color, only new work will be in color." only applies if converting to black and white when switching to black and white mode)
-	* "To use a picture as the desktop background":
-	add a third step? It's not quite that easy (at least in the browser)
-	* "To create custom colors": way too OS-specific
-	(unless I'm gonna emulate the color selection dialog)
-	* "To enlarge the size of the viewing area" (`paint_enlarge_area.htm`):
-	jspaint currently allows you to draw while "Viewing the Bitmap"
-	* "To zoom in or out of a picture", "To type and format text":
-	"You can enter text into a picture only in Normal view."
-	— jspaint handles this case (well, as well as it handles the Normal case)
 * Add topics
 	* In "Tips and Tricks" (which is just a lame section)
 	* Transparency
@@ -80,9 +69,7 @@ might be a pointer events spec interpretation issue, and it could easily be that
 	* Animated GIFs
 		* Transparency ([jnordberg/gif.js issue #5](https://github.com/jnordberg/gif.js/issues/5))
 	* Animated Transparent APNGs
-		* APNG Library ([this kickstarter wanted $15,000 to make this](https://www.kickstarter.com/projects/374397522/apngasm-foss-animated-png-tools-and-apng-standardi);
-		I was able to compile their [C++ implementation](https://github.com/apngasm/apngasm) to JS with [emscripten](https://github.com/kripken/emscripten) though;
-		I'll publish that at some point)
+		* APNG Library: [UPNG.js](https://github.com/photopea/UPNG.js/)
 	* Multi-size Icons
 		* Windows ICO ([jBinary can read](https://jdataview.github.io/jBinary.Repo/demo/#ico) and presumably write ICO files)
 		* Mac ICNS
@@ -120,7 +107,7 @@ might be a pointer events spec interpretation issue, and it could easily be that
 
 
 * Access to functionality that would normally require a keyboard (with a numpad!)
-	* Numpad +/-: Increase/Decrease brush size, Double/Half selection size, ...
+	* Numpad +/-: Increase/Decrease brush size, Double/Halve selection size, ...
 	* Shift (toggle): Proportional, Smear / Trail Selection, "Snap to 8 directions" / "Octosnap"?
 	* Ctrl+Select: Crop tool or "Crop to selection" option
 

help/paint_blackwhite.html

@@ -11,9 +11,16 @@
 		<li>On the <b>Image</b> menu, click <b>Attributes</b>.</li>
 		<li>Click <b>Black and white</b>.</li>
 	</ol>
+	<!--
+		As of writing, there's no conversion to monochrome.
+		The black and white mode just works with color in the document.
+		TODO: add *optional* conversion to monochrome, and update this help accordingly
+	-->
+	<!--
 	<p><b>Note</b></p>
 	<ul>
 		<li>If you change back to color, only new work will be in color.</li>
 	</ul>
+	-->
 </body>
 </html>

help/paint_custom_colors.html

@@ -14,5 +14,14 @@
 		<li>Click the color swatch to change the <b>Hue</b> and saturation (<b>Sat</b>), and then move the slider in the color gradient to change the luminescence (<b>Lum</b>).</li>
 		<li>Click <b>Add to Custom Colors</b>, and then click <b>OK</b>.</li>
 	</ol>
+	<p><b>Notes</b></p>
+	<ul>
+		<!-- TODO: maybe emulate the color picker dialog and make this note unecessary: -->
+		<li>
+			These instructions are very operating system specific and you may get a completely different color picker.
+			On some systems the color picker may be utterly useless, and give you less color options than the default palette.
+		</li>
+		<li>You can also double click on a color in the color box to edit.</li>
+	</ul>
 </body>
 </html>

help/paint_enlarge_area.html

@@ -12,7 +12,7 @@
 	<p>Your picture fills the entire viewing area. You can return to your former view by clicking anywhere in the picture.</p>
 	<p><b>Notes</b></p>
 	<ul>
-		<li>You cannot make changes to a picture in this view.</li>
+		<li><s>You cannot make changes to a picture in this view.</s></li>
 		<li>You can also enlarge the size of the viewing area by hiding the toolbox, color box, or status bar. You do this by clearing their check marks on the <b>View</b> menu.</li>
 	</ul>
 	<p><object classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" height="0" id="alink_1" type="application/x-oleobject" width="0">

help/paint_text.html

@@ -22,7 +22,7 @@
 	<p><b>Notes</b></p>
 	<ul>
 		<li>You can view the text toolbar by clicking the <b>View</b> menu and then clicking <b>Text Toolbar</b>. If it obscures part of the <b>Paint</b> window, you can drag the toolbar to any location in the window.</li>
-		<li>You can enter text into a picture only in Normal view.</li>
+		<li><s>You can enter text into a picture only in Normal view.</s></li>
 		<li>You can insert text into the picture by clicking outside the text frame.</li>
 		<li>When the text tool is selected, you can paste text only. You cannot paste graphics.</li>
 		<li>You can undo any number of changes by clicking the <b>Edit</b> menu and then clicking <b>Undo</b> for each change.</li>

help/paint_wallpaper.html

@@ -8,7 +8,7 @@
 </head>
 <body>
 	<p id="paint_wallpaper"><b>To use a picture as the desktop background</b></p>
-	<ol>
+	<!-- <ol>
 		<li>Save the picture.</li>
 		<li>On the <b>File</b> menu, click either of the following commands:
 			<ul>
@@ -16,6 +16,23 @@
 				<li><b>Set As Wallpaper (Centered)</b> places your picture in the center of the screen.</li>
 			</ul>
 		</li>
+	</ol> -->
+	<ol>
+		<li>On the <b>File</b> menu, click either of the following commands:
+			<ul>
+				<li><b>Set As Wallpaper (Tiled)</b> covers the screen with repetitions of your picture.</li>
+				<li><b>Set As Wallpaper (Centered)</b> places your picture in the center of the screen.</li>
+			</ul>
+		</li>
+		<li>Save the picture.</li>
+		<li>Go into your system settings to choose the wallpaper.</li>
 	</ol>
+	<p><b>Notes</b></p>
+	<ul>
+		<li>JS Paint can't directly set your wallpaper, but it can generate a tiled image the size of your desktop.</li>
+		<!-- TODO: make this note unnecessary? -->
+		<li>The <b>Set As Wallpaper (Centered)</b> option doesn't currently use your desktop size, it just saves a copy of the image.
+		You need to make sure in your system settings to choose to center the image.</li>
+	</ul>
 </body>
 </html>

help/paint_zoom.html

@@ -11,7 +11,7 @@
 	<p><img src="onestep.gif"> On the <b>View</b> menu, point to <b>Zoom</b>, and then click <b>Normal Size</b>, <b>Large Size</b>, or <b>Custom</b>.</p>
 	<p><b>Note</b></p>
 	<ul>
-		<li>You can enter text into a picture only in Normal view.</li>
+		<li><s>You can enter text into a picture only in Normal view.</s></li>
 	</ul>
 	<p><object classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" height="0" id="alink_1" type="application/x-oleobject" width="0">
 		<param name="Command" value="ALink,MENU">