Merge branch 'main' of https://git.steelants.cz/JonatanRek/FakeDeck

README.md

@@ -1,24 +1,26 @@
 <div align="center">
-    <img src="images/logo.png" title="Logo">
+    <img style="border-radius:10px" src="images/logo.png" title="Logo"><br>
+    <img src="https://img.shields.io/github/downloads/GamerClassN7/FakeDeck/total.svg" alt="Github All Releases">
 </div>
 
-## FakeDeck - Poor Man Macro Pad
+# FakeDeck - Poor Man Macro Pad
+
 Creates simple webserver with buttons whitch can be opened on any device an can be used as macro pad/keyboard
 
 ![alt text](images/image.png)
 
-### How to use it ?
+## How to use it ?
 
 Just add desired macros to `configuration.yaml` and start the application, tahn zou can load dashboard on any web capable device inside of your network.
 
-### Example Macros:
-#### Helldivers 2 Macros
+## Example Macros:
+### Helldivers 2 Macros
 ```yaml
 - button: reinforce
   function: HelldiversTwoMacro
   parameters:
     - name: Key
-      value: "reinforce"
+      value: reinforce
 ```
 ```yaml
 - button: strafing-run
@@ -69,32 +71,73 @@ Just add desired macros to `configuration.yaml` and start the application, tahn
     - name: Key
       value: bomb
 ```
-#### Media Control Macros
+### Media Control Macros
 ```yaml
 - button: mute
   function: MediaMacro
   parameters:
     - name: Key
-      value: "mute"
+      value: mute
 ```
 ```yaml
 - button: previous
   function: MediaMacro
   parameters:
     - name: Key
-      value: "previous"
+      value: previous
 ```
 ```yaml
 - button: play
   function: MediaMacro
   parameters:
     - name: Key
-      value: "play/pause"
+      value: play/pause
 ```
 ```yaml
 - button: next
   function: MediaMacro
   parameters:
     - name: Key
-      value: "next"
+      value: next
 ```
+### FakeDeck UI Control Macros
+```yaml
+- button: full-screen
+  function: FakeDeckMacro
+  parameters:
+    - name: Key
+      value: full-screen
+```
+```yaml
+- button: set-page
+  function: FakeDeckMacro
+  parameters:
+    - name: Key
+      value: set-page
+    - name: PageId
+      value: {{page-id}}
+```
+```yaml
+- button: spacer
+  function: FakeDeckMacro
+  parameters:
+    - name: Key
+      value: spacer
+```
+### Comon Macro Parameters
+```yaml
+...
+parameters:
+- name: Color
+  value: White #CSS friendly color
+- name: Image
+  value: White #URL To Image (Local Path is not supported now)
+...
+```
+## Contributors
+<a href="https://github.com/GamerClassN7/FakeDeck/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=GamerClassN7/FakeDeck" />
+</a>
+
+## Star History
+[![Star History Chart](https://api.star-history.com/svg?repos=GamerClassN7/FakeDeck&type=Timeline)](https://star-history.com/#GamerClassN7/FakeDeck&Timeline)]