Signature

WHAT IS THIS?
=============
NanoWiki is a documentation tool with a small footprint, extreme containment, and maximum portability, even when segments are isolated from a comprehensive constellation. Each element is as self-sustained as possible.
Unlike most content managers, this documentation tool tries to embed as much content as possible into one file, not link resources, like images and/or supportive documents. Therefore these binary files are converted to text, using base64-conversion, then included into the content via straight HTML. The syntax for images, documents, and links is provided as templates, along with explanations and samples.

HOW DOES IT WORK?
=================
CHANGE THE MAIN TITLE...
of the documentation, by double-clicking on it.

ADD ARTICLES...
as needed, bring them into the right order, and save the whole page through the button in the upper left.

EDIT ARTICLES...
by double-clicking them. Then edit and save the whole page (again) with the button in the upper left. Get new images and documents posted, using the conversion tool in the [ADD] section.

NO FONT-SIZE, BOLD, ITALIC, TABLES - NOTHING???
Nope. Enjoy your own HTML-skills, almost everything is supported (but stay away from </textarea> and JavaScript). This is intended to be as simple and bare-bones as possible.
Templates for images and links (to files and pages) are included. Use CAPITALIZATION, +++ additional characters +++, and indentation for emphasis and organization. Worked for decades on a typewriter, works here too.

AND NO 'UNDO...'
In the text-box, right-click and choose UNDO, or press [CTRL]+[Z] / [CTRL]+[Y] for UNDO / REDO.
If you messed up completely, deleted something, open the original you should overwrite after editing in a separate window and get the content from there (open the editor with a double-click).
If you broke the system somehow, do not overwrite the previous version, simply re-load the page, and start over. If you overwrote the original already, get a backup.
MAKE AND KEEP BACKUPS, they compress nicely and fast. Disciplin, people, this is meant to be small, simple, fast, portable, and independent, not fool or vilain proof.

AND NO LOGIN/SECURITY...
Not needed, only you (or your people) have write access to the files. You can write anything on a paper copy, doesn't change the original, neither other people's copies.

HOW DO I SHARE MY DOCUMENTATION?
================================
Give others read access e.g. by posting the wiki on a web server or on a file-sharing platform, like Dropbox or Google Drive. Just find out how to "make file publicly accessible".
Web servers or fully addressible platforms are (only) required to provide cross-linked multi-topic documentation sites instead of single documentation pages.
Here is a handy notes file handler, extract directly into directory with documentation notes on a PHP-enabled web server.

ENJOY! - or improve...

Signature Capture Script (SVG)

-ready-

-double-click copies code sample-

function isTouchEvent(e){return e.type.match(/^touch/);}

function getCoords(e) {
			if(isTouchEvent(e)) {
				return (e.targetTouches[0].clientX-document.getElementById('sign_box').getBoundingClientRect().left) + ',' + e.targetTouches[0].clientY+document.getElementById('sign_box').getBoundingClientRect().top;
			}
			return (e.clientX-document.getElementById('sign_box').getBoundingClientRect().left) + ',' + (e.clientY-document.getElementById('sign_box').getBoundingClientRect().top);
		}

function down(e) {
			signaturePath += 'M' + getCoords(e) + ' ';
			p.setAttribute('d', signaturePath);
			isDown = true;
			if(isTouchEvent(e)) e.preventDefault();
		}

function move(e) {
			if(isDown) {
				signaturePath += 'L' + getCoords(e) + ' ';
				p.setAttribute('d', signaturePath);
			}
			if(isTouchEvent(e)) e.preventDefault();
		}

function up(e) {
			isDown = false; 
			if(isTouchEvent(e)) e.preventDefault();
		}

r.addEventListener('mousedown', down, false);
		r.addEventListener('mousemove', move, false);
		r.addEventListener('mouseup', up, false);
		r.addEventListener('touchstart', down, false);
		r.addEventListener('touchmove', move, false);
		r.addEventListener('touchend', up, false);
		r.addEventListener('mouseout', up, false);

function clearSignature() {
			signaturePath = '';
			p.setAttribute('d', '');
		}
		
		function createDownload(){document.getElementById('signature_dp').value=escape(signaturePath);}
	</script>
</svg>
<div>
	<input id="signature_dp" type="hidden" value="" />
	<input type="button" onclick="clearSignature(); document.getElementById('pathdata').innerHTML='';" value="Clear signature" />
	<input type="button" onclick="createDownload(); document.getElementById('signature_download').href=download_prep1+document.getElementById('signature_dp').value+download_prep2; document.getElementById('signature_download').click();" value="Download" /><a id="signature_download" href="" download="signature.svg" hidden></a>
</div>