md

README.md

@@ -2,6 +2,7 @@
 
 Customizable digital synth / groovebox...
 
+| <img src='https://github.com/apiel/zicBox/blob/main/images/build1.jpg?raw=true' width='480'> | <img src='https://github.com/apiel/zicBox/blob/main/images/2.png?raw=true' width='480'> |   | 
 | <img src='https://github.com/apiel/zicBox/blob/main/images/proto2.jpg?raw=true' width='480'> | <img src='https://github.com/apiel/zicBox/blob/main/images/demo3.png?raw=true' width='480'> | <img src='https://github.com/apiel/zicBox/blob/main/images/demo4.png?raw=true' width='480'>  | 
 | :---:   | :---: | :---: | 
 

plugins/components/MonitoringComponent.h

@@ -10,6 +10,13 @@
 #include <unistd.h>
 #include <vector>
 
+/*md
+## Monitoring
+
+<img src="https://raw.githubusercontent.com/apiel/zicBox/main/plugins/components/Monitoring.png" />
+
+Monitoring component show the current CPU usage.
+*/
 class MonitoringComponent : public Component {
 protected:
     size_t previous_idle_time = 0;
@@ -84,6 +91,7 @@ class MonitoringComponent : public Component {
 
     bool config(char* key, char* value)
     {
+        /*md - `COLOR: #999999` set component color */
         if (strcmp(key, "COLOR") == 0) {
             colors = getColorsFromColor(draw.getColor(value));
             return true;

plugins/components/SequencerBarComponent.h

@@ -6,6 +6,13 @@
 
 #include <string>
 
+/*md
+## SequencerBar
+
+<img src="https://raw.githubusercontent.com/apiel/zicBox/main/plugins/components/SequencerBar.png" />
+
+Make minimal representation of the sequencer.
+*/
 class SequencerBarComponent : public Component {
 protected:
     AudioPlugin& plugin;
@@ -150,6 +157,7 @@ class SequencerBarComponent : public Component {
 
     bool config(char* key, char* value)
     {
+        /*md - `COLOR: #999999` set component color */
         if (strcmp(key, "COLOR") == 0) {
             colors = getColorsFromColor(draw.getColor(value));
             return true;