Add animated screenshot how-to

CHANGELOG.md

@@ -0,0 +1,5 @@
+# 1.0.1 (2024-01-10)
+- Added animated screenshot how-to
+
+# 1.0.0 (2024-01-09)
+- First working release

README.md

@@ -3,4 +3,4 @@ A web-based editor to configure [Push Push](https://github.com/garubi/push-push)
 
 Use it at (https://garubi.github.io/push-push-editor/)
 
-![A screenshot of the editor](screenshot.png)
+![A screenshot of the editor](animated-preview.gif)

docs/index.html

@@ -66,6 +66,7 @@ <h2>
                 </p>
                 <h2>How to use this editor</h2>
                 <p>
+                    (<a href="https://github.com/garubi/push-push-editor" target="_blank" rel="noreferrer">On the project homepage you can see a short how-to animation. Click here to open it in a new tab</a>)
                     <ol>
                         <li><b>Connect</b> your Push Push to the computer with the USB cable</li>
                         <li><a href="#"><b>Open  this web page</b> (or reload it)</a></li>

docs/js/app.js

@@ -1,4 +1,4 @@
-var editor_version = '1.0.0';
+var editor_version = '1.0.1';
 
 var PP_MIDI_MANUF_ID_1			=	0x37;
 var PP_MIDI_MANUF_ID_2			=	0x72;