diff --git a/configuration/blockly/index.md b/configuration/blockly/index.md index 0467f2e8ca..5a2fc09355 100644 --- a/configuration/blockly/index.md +++ b/configuration/blockly/index.md @@ -9,15 +9,15 @@ title: Rules Blockly One of the core feature that openHAB provides is writing rules to allow specific behaviour with the home automation system. The usual way of developing rules is by coding them like described in the [Textual Rules](/docs/configuration/rules-dsl.html). -The art of textual programming may become intimidating early on and shy away away people with few or almost no experience in programming. So, if you are not a member of the professional coder community or do not have equivalent skills, the ability to create your programs visually might be the ideal option (even though some programming background may still help or can evolve over time). Therefore openHAB also provides a graphical way of writing rules which allows to put together rules in a visual way: Welcome to the world of openHAB Blockly. +The art of textual programming may become intimidating early on and shy away people with few or almost no experience in programming. So, if you are not a member of the professional coder community or do not have equivalent skills, the ability to create your programs visually might be the ideal option (even though some programming background may still help or can evolve over time). Therefore openHAB also provides a graphical way of writing rules which allows to put together rules in a visual way: Welcome to the world of openHAB Blockly. [[toc]] ## Introduction -!["built on Blockly"](../images/blockly/builtonblockly.png) +![built with Blockly](../images/blockly/built-with-blockly-badge-white.svg) -The basic idea behind the visual paradigm and representation within openHAB is based on the [Google Blockly Support](https://developers.google.com/blockly) which has been integrated and which provides the basic blocks for programming like the ones on the left and the right side of the below images +The basic idea behind the visual paradigm and representation within openHAB is based on the [Google Blockly Support](https://g.co/dev/blockly) which has been integrated and which provides the basic blocks for programming like the ones on the left and the right side of the below images _Blockly toolbox_. ![blockly-toolbox-1](../images/blockly/blockly-toolbox-1.png)![blockly-toolbox-2](../images/blockly/blockly-toolbox-2.png)![blockly-toolbox-3](../images/blockly/blockly-toolbox-3.png) diff --git a/configuration/images/blockly/built-with-blockly-badge-white.svg b/configuration/images/blockly/built-with-blockly-badge-white.svg new file mode 100644 index 0000000000..24e0329d46 --- /dev/null +++ b/configuration/images/blockly/built-with-blockly-badge-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/configuration/images/blockly/builtonblockly.png b/configuration/images/blockly/builtonblockly.png deleted file mode 100644 index 8d935f75bf..0000000000 Binary files a/configuration/images/blockly/builtonblockly.png and /dev/null differ