nk23x/base64 .sh html

## base64 .sh html
working example

  # echo -n "data:text/html;base64," && (echo -n "<html><head><title>$(date +'%Y%m%d%H%M%S %s')</title><meta name=\"viewport\" content=\"width=device-width; initial-scale=1.0; maximum-scale=4.0; user-scalable=1;\"></head><body>$(echo "<img src=\"data:image/png;base64,$(curl -s http://www.hyperlinkjungle.de/img-favicons/favicon2.gif | base64 --wrap=0)\">")</body></html>"  | base64 --wrap=0 )

returns:

data:text/html;base64,PGh0bWw+PGhlYWQ+PHRpdGxlPjIwMTgxMjE0MTY0NzA2IDE1NDQ4MDI0MjY8L3RpdGxlPjxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGg7IGluaXRpYWwtc2NhbGU9MS4wOyBtYXhpbXVtLXNjYWxlPTQuMDsgdXNlci1zY2FsYWJsZT0xOyI+PC9oZWFkPjxib2R5PjxpbWcgc3JjPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsUjBsR09EbGhFQUFRQVBRWUFOei96dDMvejkzLzBONy8wTjcvMGQvLzB0Ly8wK0QvMCtILzFlTC8xdUwvMStULzJlVC8ydVgvMitiLzNPZi8zZWYvM3VqLzMrci80ZXIvNHV2LzQrei81TzcvNSs3LzZBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUNINUJBa0ZBQmdBSWY4TFRrVlVVME5CVUVVeUxqQURBUUFBQUN3QUFBQUFFQUFRQUFBRjl5QUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUNnQVFBQUFBQUFBbEFBQUFBQUFBQUFBQUFhQUFBZ0FnQVVBQUFBQUFBQU5BQUFBS0FCQUFBQUFBQUFBQUFBQnhNQUFBQUFBQUFRQUJFQUFBQUFCUllGQUFBQUFBQUFFQUFBQlFBQUFBQVJBQUFBQUJNQUFBVUFDQUFBQUFBTkFBZ0FBQWdBQUJjQUFBQVFBQUFBQUFBQUJRQUFBQWdBRXdVQUFBQUFBQUFBQUFBQUFBQUFDQUFBQUFBQUFBQVdFQUFBQ0JBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUZnQUFBQUFBQUFCQUF3QUFBQUFBQUdBQ0FBQUFBQUFBQUFBQUFBVUFBQUJvQUFBQUFBQUFRZ0FBSWZrRUNRVUFCd0FzQUFBQUFCQUFFQUNDLy9UMy8vWDMvL1g0Ly9iNC8vYjUvL2Y1Ly9qNkFBQUFBK29JQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBd0dBQU1BQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBWUFBQUFBQUFBQUF3QUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQXdNREFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBWUFBQUFBQUFZQUFBQUFBQUFBQXdBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQXdNREFBQUFBQUFBQUFBQUFBTUFBQUFBQUFBQUFBQUFBQU1BQUFBQUFBQUFBQUFBQUFBQUFBQUFFZ0FBSWZrRUNRVUFFUUFzQUFBQUFCQUFFQUNFNGZINDR2SDQ0L0w0NVBMNDVmUDQ1dlA0NS9QNTUvVDU2ZlQ1NmZYNTZ2WDU2dlg2Ni9YNjdQYjY3ZmI2N3ZmNjcvZjZBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFCZmNnQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQkFBZ0FNQUFBQUFBQUFBQUFBNEhBUUV3Z0VBQUFBQUFBRGdBQUFBQUFBQVFBQUFBQUFBQUE0QUFBQU9BQUFBQUFBQUFBQUFBQUFBQUFBT0FBQUFBQWdBQUFjQUFBQUFBQUFBQUFBSUJBQUFBQUFJQUFBQUFBQUFBQUFBQUFBQUFBQUFCQUFBQUFBT0FBQUFBQUFBQUFBQUFBQUFBQUFBQUFnQUFBQUFBQUFBRGdBQUFBQUFBQUFPQUFBRUJBZ0FBQUFBQUFBQUFBQUFCQUFBQUFBQUFBQUlBQTRBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQ0FBQUFBQUFBQUFBQUFBQUFBQUVJQUFDSDVCQWtGQUFzQUxBQUFBQUFRQUJBQWcvTC95ZkwvelBQL3p2UC96L1AvMGZULzFmWC8yUGIvMi9iLzN2Zi80UGYvNHdBQUFBQUFBQUFBQUFBQUFBQUFBQVR2RUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQWdBQVFBRUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUJBQUJJQUFBQUFDQUFBQUFBQUFBQUFDUUFBQUFBQUFBVUFBQUFBQUFBQUFRQUFBQUFBQUFBQkFBQUFBQUFBQUFnQUFBQUFBQUFBQndBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUhBQUFBQUFBQUFBQUFBQUFBQUFBQUJ3QUFBQUFBQUFBQUFBQUFBQUFBQUFRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBSUFBQUFBQUFBQUFBQUFBQUFBQUlnQUFJZmtFQ1FVQUN3QXNBQUFBQUJBQUVBQ0QyLy9MMi8vTTN2L1E0UC9UNGYvVDRmL1U0di9WNWYvWjV2L2I1Ly9jNmYvZ0FBQUFBQUFBQUFBQUFBQUFBQUFBQk84UUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQ0FBQUFBQUFBQUFZQUFBQUFBQTRBQUFBQUFBQUFBQU9BUUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUhBQUFBQUFBQUFBQUFBQUFBQUFBQUFRY0FBQUFBQUFBQUFRQUFBQUFBQUFBQUFBTUpBd2NKQUFBQUFBQUFBQUFBQUFBQUFBQUJBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUNBd0FBQUFBQUFBQUFBQUFBQmdBQUFBQUFBQWNBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFLQUFBQUFBQUFBQWlBQUE3Ij48L2JvZHk+PC9odG1sPg==

which is a small html page that displays an image

## html_page_base64_html.sh
echo -n "data:text/html;base64," && (echo -n "<html><head><title>$(date +'%Y%m%d%H%M%S %s')</title><meta name=\"viewport\" content=\"width=device-width; initial-scale=1.0; maximum-scale=4.0; user-scalable=1;\"></head><body>$(echo "<img src=\"data:image/png;base64,$(curl -s https://host.domain.tdl/path/to/the/image.png | base64 --wrap=0)\">")</body></html>" | base64 --wrap=0)

## remote_img_base64_html.sh
echo -n "<img src=\"data:image/png;base64,$(curl -s https://host.domain.tdl/path/to/the/image.png | base64 --wrap=0)\">"
	working example

	# echo -n "data:text/html;base64," && (echo -n "<html><head><title>$(date +'%Y%m%d%H%M%S %s')</title><meta name=\"viewport\" content=\"width=device-width; initial-scale=1.0; maximum-scale=4.0; user-scalable=1;\"></head><body>$(echo "<img src=\"data:image/png;base64,$(curl -s http://www.hyperlinkjungle.de/img-favicons/favicon2.gif \| base64 --wrap=0)\">")</body></html>" \| base64 --wrap=0 )

	returns:

	data:text/html;base64,PGh0bWw+PGhlYWQ+PHRpdGxlPjIwMTgxMjE0MTY0NzA2IDE1NDQ4MDI0MjY8L3RpdGxlPjxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGg7IGluaXRpYWwtc2NhbGU9MS4wOyBtYXhpbXVtLXNjYWxlPTQuMDsgdXNlci1zY2FsYWJsZT0xOyI+PC9oZWFkPjxib2R5PjxpbWcgc3JjPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsUjBsR09EbGhFQUFRQVBRWUFOei96dDMvejkzLzBONy8wTjcvMGQvLzB0Ly8wK0QvMCtILzFlTC8xdUwvMStULzJlVC8ydVgvMitiLzNPZi8zZWYvM3VqLzMrci80ZXIvNHV2LzQrei81TzcvNSs3LzZBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUNINUJBa0ZBQmdBSWY4TFRrVlVVME5CVUVVeUxqQURBUUFBQUN3QUFBQUFFQUFRQUFBRjl5QUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUNnQVFBQUFBQUFBbEFBQUFBQUFBQUFBQUFhQUFBZ0FnQVVBQUFBQUFBQU5BQUFBS0FCQUFBQUFBQUFBQUFBQnhNQUFBQUFBQUFRQUJFQUFBQUFCUllGQUFBQUFBQUFFQUFBQlFBQUFBQVJBQUFBQUJNQUFBVUFDQUFBQUFBTkFBZ0FBQWdBQUJjQUFBQVFBQUFBQUFBQUJRQUFBQWdBRXdVQUFBQUFBQUFBQUFBQUFBQUFDQUFBQUFBQUFBQVdFQUFBQ0JBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUZnQUFBQUFBQUFCQUF3QUFBQUFBQUdBQ0FBQUFBQUFBQUFBQUFBVUFBQUJvQUFBQUFBQUFRZ0FBSWZrRUNRVUFCd0FzQUFBQUFCQUFFQUNDLy9UMy8vWDMvL1g0Ly9iNC8vYjUvL2Y1Ly9qNkFBQUFBK29JQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBd0dBQU1BQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBWUFBQUFBQUFBQUF3QUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQXdNREFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBWUFBQUFBQUFZQUFBQUFBQUFBQXdBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQXdNREFBQUFBQUFBQUFBQUFBTUFBQUFBQUFBQUFBQUFBQU1BQUFBQUFBQUFBQUFBQUFBQUFBQUFFZ0FBSWZrRUNRVUFFUUFzQUFBQUFCQUFFQUNFNGZINDR2SDQ0L0w0NVBMNDVmUDQ1dlA0NS9QNTUvVDU2ZlQ1NmZYNTZ2WDU2dlg2Ni9YNjdQYjY3ZmI2N3ZmNjcvZjZBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFCZmNnQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQkFBZ0FNQUFBQUFBQUFBQUFBNEhBUUV3Z0VBQUFBQUFBRGdBQUFBQUFBQVFBQUFBQUFBQUE0QUFBQU9BQUFBQUFBQUFBQUFBQUFBQUFBT0FBQUFBQWdBQUFjQUFBQUFBQUFBQUFBSUJBQUFBQUFJQUFBQUFBQUFBQUFBQUFBQUFBQUFCQUFBQUFBT0FBQUFBQUFBQUFBQUFBQUFBQUFBQUFnQUFBQUFBQUFBRGdBQUFBQUFBQUFPQUFBRUJBZ0FBQUFBQUFBQUFBQUFCQUFBQUFBQUFBQUlBQTRBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQ0FBQUFBQUFBQUFBQUFBQUFBQUVJQUFDSDVCQWtGQUFzQUxBQUFBQUFRQUJBQWcvTC95ZkwvelBQL3p2UC96L1AvMGZULzFmWC8yUGIvMi9iLzN2Zi80UGYvNHdBQUFBQUFBQUFBQUFBQUFBQUFBQVR2RUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQWdBQVFBRUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUJBQUJJQUFBQUFDQUFBQUFBQUFBQUFDUUFBQUFBQUFBVUFBQUFBQUFBQUFRQUFBQUFBQUFBQkFBQUFBQUFBQUFnQUFBQUFBQUFBQndBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUhBQUFBQUFBQUFBQUFBQUFBQUFBQUJ3QUFBQUFBQUFBQUFBQUFBQUFBQUFRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBSUFBQUFBQUFBQUFBQUFBQUFBQUlnQUFJZmtFQ1FVQUN3QXNBQUFBQUJBQUVBQ0QyLy9MMi8vTTN2L1E0UC9UNGYvVDRmL1U0di9WNWYvWjV2L2I1Ly9jNmYvZ0FBQUFBQUFBQUFBQUFBQUFBQUFBQk84UUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQ0FBQUFBQUFBQUFZQUFBQUFBQTRBQUFBQUFBQUFBQU9BUUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUhBQUFBQUFBQUFBQUFBQUFBQUFBQUFRY0FBQUFBQUFBQUFRQUFBQUFBQUFBQUFBTUpBd2NKQUFBQUFBQUFBQUFBQUFBQUFBQUJBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUNBd0FBQUFBQUFBQUFBQUFBQmdBQUFBQUFBQWNBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFLQUFBQUFBQUFBQWlBQUE3Ij48L2JvZHk+PC9odG1sPg==

	which is a small html page that displays an image