diff --git a/README.md b/README.md index e85e12485db2993b6a5b7898d167db671d2bd383..59604649cfb18c352fa104ce89e2b1239c9e57c2 100644 --- a/README.md +++ b/README.md @@ -18,14 +18,17 @@ You need to use a custom CSS template, like below to map your audio or MIDI even ```css body { - background-color:rgba(0,[mid,0,255],0,[loud,0,1]); + background-color:rgba(0,[mid 0:255],0,[loud 0:1]); } h1 { opacity: [note:C]; } ``` +<p align="center"> +<img width="600" alt="Settings" src="./doc/settings.png"> +</p> -To ***save*** your template, click on `Save` button or use keybind `CTRL`+`S`. To activate the extension, you can use `CTRL`+`O`. +To ***save*** your template, it's automatic or use keybind `CTRL`+`S`. To activate the extension, you can use `CTRL`+`O`. ### MIDI Variables @@ -54,10 +57,24 @@ For some audio or midi events, you can specify a range value. Just add `,<min>,< ```css a { - width: [hi,0,100]%; + width: [hi 0:100]%; } ``` +## User Interface + +### Popup + + + +### Devtool + + + +### Devtool deporté + + + ## Looping ***- - WIP FEATURE - -*** diff --git a/doc/devtool.png b/doc/devtool.png new file mode 100644 index 0000000000000000000000000000000000000000..e78bd5b861b46c3f5982c72bb1f6c3fd51b3ec45 Binary files /dev/null and b/doc/devtool.png differ diff --git a/doc/devtool_deporte.png b/doc/devtool_deporte.png new file mode 100644 index 0000000000000000000000000000000000000000..b60218a2875cfdf96fab0eabe9e76ff91fe56ddb Binary files /dev/null and b/doc/devtool_deporte.png differ diff --git a/doc/popup.png b/doc/popup.png new file mode 100644 index 0000000000000000000000000000000000000000..aff18b3709aeeccc0742c7ec63ffae776555e887 Binary files /dev/null and b/doc/popup.png differ diff --git a/doc/settings.png b/doc/settings.png new file mode 100644 index 0000000000000000000000000000000000000000..7f46ef36b798aac77ecdedef2b7d9eddca4a9cc2 Binary files /dev/null and b/doc/settings.png differ