move res/skins/QMLDemo to res/qml

20 files changed, 1875 insertions, 0 deletions

diff --git a/res/qml/images/auto@2x.png b/res/qml/images/auto@2x.png
new file mode 100644
index 0000000000..348aef57cf
--- /dev/null
+++ b/res/qml/images/auto@2x.png
diff --git a/res/qml/images/button.svg b/res/qml/images/button.svg
new file mode 100644
index 0000000000..c7f76d1717
--- /dev/null
+++ b/res/qml/images/button.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="58" height="26" version="1.1" viewBox="0 0 15.346 6.8793" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="linearGradient8762" x1="762.5" x2="762.5" y1="119.01" y2="158.99" gradientTransform="matrix(.25135 0 0 .25135 -88.524 90.712)" gradientUnits="userSpaceOnUse"><stop stop-color="#303030" offset="0"/><stop stop-color="#181818" offset="1"/></linearGradient><linearGradient id="linearGradient8764" x1="748" x2="748" y1="139" y2="169" gradientTransform="translate(-170)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".75294" offset="0"/><stop stop-opacity="0" offset="1"/></linearGradient><filter id="filter7885"><feGaussianBlur stdDeviation="0.6"/></filter><linearGradient id="linearGradient8766" x1="763" x2="763" y1="119" y2="159" gradientTransform="matrix(.19844 0 0 .19844 -48.149 98.067)" gradientUnits="userSpaceOnUse"><stop stop-color="#404040" offset="0"/><stop stop-color="#282828" offset="1"/></linearGradient><linearGradient id="linearGradient8560" x1="754" x2="754" y1="287" y2="303" gradientTransform="translate(13.544,50.067)" gradientUnits="userSpaceOnUse"><stop stop-color="#282828" offset="0"/><stop stop-color="#202020" offset="1"/></linearGradient></defs><g transform="translate(-108 -125.98)" display="none"><rect x="95.851" y="117.98" width="14.817" height="14.817" rx=".79375" ry=".79375" display="inline" fill="#fff" fill-opacity=".031372"/><circle cx="103.26" cy="125.65" r="5.2917" display="inline" fill-opacity=".50196"/><path d="m96.917 125.86c-0.0052 0.10557-0.0083 0.21561-0.0083 0.32247 0 1.1574 0.31065 2.2406 0.85163 3.175v-0.52917c-0.50847-0.87827-0.80854-1.8891-0.84336-2.9683zm0.84336 2.9683c0.05542 0.0956 0.11349 0.18875 0.17363 0.28112l0.678-0.42995c0.04787 0.0734 0.09762 0.14399 0.14883 0.21498 0.02096 0.0291 0.03638 0.0623 0.05788 0.0909 0.04113 0.0548 0.08922 0.10388 0.13229 0.15708 0.02207 0.0273 0.04358 0.0558 0.06615 0.0827 0.02133 0.0253 0.04438 0.0495 0.06615 0.0744 0.07195 0.0827 0.14663 0.16146 0.22324 0.23978 0.0069 7e-3 0.0096 0.0178 0.01654 0.0248 0.05152 0.0521 0.10357 0.0988 0.1571 0.14884 0.08354 0.0781 0.16809 0.15037 0.25632 0.22324 0.06369 0.0526 0.12415 0.10732 0.19017 0.1571 0.04867 0.0368 0.09893 0.0722 0.14883 0.10748 0.0466 0.0328 0.093 0.0679 0.14057 0.0992 0.0512 0.0339 0.1047 0.067 0.1571 0.0992 0.0535 0.0327 0.11069 0.06 0.16537 0.0909 0.0138 8e-3 0.0275 0.0171 0.0413 0.0248 0.0795 0.0441 0.15796 0.092 0.23979 0.13231 0.0542 0.0267 0.11016 0.0494 0.16536 0.0744 0.049 0.0222 0.0991 0.0454 0.14883 0.0661 0.0193 8e-3 0.0384 0.017 0.0579 0.0248 0.10597 0.0428 0.21336 0.0794 0.32245 0.11575 0.0429 0.0143 0.0889 0.0281 0.1323 0.0413 0.0442 0.0135 0.0877 0.029 0.13229 0.0413 0.0241 7e-3 0.0502 0.0102 0.0744 0.0165 0.0938 0.0246 0.18545 0.0464 0.28111 0.0661 0.0717 0.0149 0.14224 0.0293 0.21498 0.0413 0.0632 0.0104 0.12621 0.0165 0.19016 0.0248 0.0406 5e-3 0.0833 0.0122 0.12403 0.0165 0.19543 0.0209 0.39418 0.0331 0.59531 0.0331s0.3999-0.0121 0.59531-0.0331c0.0414-4e-3 0.0828-0.0112 0.12402-0.0165 0.064-8e-3 0.12693-0.0144 0.19017-0.0248 0.0727-0.0121 0.14323-0.0265 0.21498-0.0413 0.0731-0.0151 0.14297-0.0317 0.21497-0.0496 0.0907-0.0227 0.184-0.0473 0.27284-0.0744 0.0725-0.0221 0.14381-0.0494 0.21499-0.0744 0.20937-0.0735 0.41488-0.15094 0.61187-0.24804 0.0652-0.0321 0.12644-0.073 0.19015-0.10749 0.0604-0.0329 0.12284-0.0642 0.18191-0.0992 0.0551-0.0326 0.11147-0.0648 0.16535-0.0992 0.047-0.0302 0.0945-0.0594 0.14057-0.091 0.047-0.0321 0.0946-0.0657 0.14056-0.0992 0.0913-0.0667 0.17759-0.14296 0.26458-0.21498 0.0882-0.0729 0.17277-0.14517 0.25632-0.22324 0.0535-0.0501 0.10558-0.0967 0.1571-0.14884 0.0273-0.0276 0.0559-0.0545 0.0829-0.0827 0.13647-0.14404 0.26784-0.29681 0.38858-0.45475 0.0169-0.022 0.0331-0.0439 0.0496-0.0661 0.0542-0.0731 0.10642-0.14748 0.1571-0.22324 0.0123-0.0184 0.021-0.0394 0.0331-0.0579l0.678 0.42995c0.0601-0.0924 0.1182-0.18549 0.17362-0.28112l-0.69453-0.39687-0.22324-0.13231c-0.0541 0.0935-0.11408 0.18312-0.17364 0.27287-0.0166 0.0251-0.0326 0.0497-0.0496 0.0744-0.0434 0.0631-0.0864 0.12909-0.1323 0.19017-0.0568 0.0752-0.1213 0.15122-0.1819 0.22324-0.0693 0.0824-0.14087 0.16182-0.21497 0.23978-0.0659 0.0693-0.12893 0.13277-0.19845 0.19844-0.017 0.0161-0.0324 0.0337-0.0496 0.0496-0.0523 0.0482-0.11112 0.0945-0.16536 0.14056-0.0462 0.0392-0.093 0.0781-0.14056 0.11575-0.037 0.0293-0.078 0.0543-0.11575 0.0827-0.025 0.0188-0.049 0.0396-0.0744 0.0579-0.0825 0.0595-0.1622 0.11883-0.24806 0.17364-0.091 0.0581-0.18639 0.11277-0.28111 0.16536-0.0947 0.0526-0.19121 0.10202-0.28938 0.14883-0.0816 0.0388-0.16434 0.0728-0.24806 0.10748-0.017 7e-3 -0.0325 0.0179-0.0496 0.0248-0.0738 0.0297-0.14784 0.0563-0.22323 0.0827-0.0739 0.0259-0.14787 0.0518-0.22327 0.0744-0.0354 0.0107-0.0717 0.0231-0.10748 0.0331-0.0246 7e-3 -0.0497 0.0101-0.0744 0.0165-0.20351 0.0534-0.40777 0.0951-0.62012 0.12402-0.0905 0.0124-0.1809 0.0253-0.27285 0.0331-0.14675 0.0123-0.29653 0.0166-0.44648 0.0166-0.12165 0-0.24423-1.7e-4 -0.3638-8e-3 -0.028-2e-3 -0.0549-6e-3 -0.0825-8e-3 -0.16268-0.0136-0.32142-0.0381-0.47955-0.0661-0.0299-5e-3 -0.0613-0.0107-0.0909-0.0165-0.0193-4e-3 -0.0386-4e-3 -0.0579-8e-3 -0.15258-0.0315-0.29902-0.0715-0.44649-0.11576-0.0754-0.0226-0.14929-0.0485-0.22324-0.0744-0.093-0.0326-0.18225-0.0699-0.27281-0.10749-0.0836-0.0346-0.16671-0.0688-0.24805-0.10748-0.0982-0.0468-0.19466-0.0962-0.28939-0.14883-0.0947-0.0526-0.19008-0.10725-0.28114-0.16537-0.0858-0.0548-0.16564-0.11411-0.24804-0.17363-0.0255-0.0184-0.0493-0.039-0.0744-0.0579-0.0378-0.0283-0.0787-0.0534-0.11577-0.0827-0.04716-0.0374-0.09472-0.0768-0.14056-0.11575-0.0552-0.0469-0.11214-0.0915-0.16536-0.14056-0.01723-0.0159-0.03259-0.0335-0.04961-0.0496-0.06819-0.0645-0.13374-0.13042-0.19844-0.19844-0.0741-0.078-0.14568-0.15744-0.21497-0.23978-0.05191-0.0617-0.108-0.12613-0.1571-0.19017-0.0083-0.0108-0.01659-0.0222-0.02481-0.0331-0.04663-0.0618-0.08834-0.12634-0.13229-0.19017-0.0168-0.0244-0.03321-0.0497-0.04961-0.0744-0.0077-0.0116-0.01722-0.0214-0.02482-0.0331-0.04996-0.0767-0.10276-0.16039-0.14882-0.23979l-0.22324 0.13231-0.69453 0.39687zm10.997 0v0.52917c0.54098-0.93444 0.85163-2.0176 0.85163-3.175 0-0.10686-3e-3 -0.2169-8e-3 -0.32247-0.0348 1.0792-0.33489 2.09-0.84336 2.9683z" display="inline" fill="#fff" fill-opacity=".062745"/><circle cx="103.26" cy="125.65" r="5.0271" display="inline" fill="url(#linearGradient8762)"/><path d="m103.26 119.3c-3.507 0-6.35 2.843-6.35 6.35 0 1.1574 0.31065 2.2406 0.85163 3.175l0.91778-0.52918c-0.45115-0.77889-0.71107-1.6809-0.71107-2.6458 0-2.9225 2.3692-5.2917 5.2917-5.2917s5.2917 2.3692 5.2917 5.2917c0 0.9649-0.25992 1.8669-0.71107 2.6458l0.91777 0.52918c0.54098-0.93443 0.85163-2.0176 0.85163-3.175 0-3.507-2.843-6.35-6.35-6.35z" display="inline" fill-opacity=".25098"/><path d="m103.26 119.3c-3.507 0-6.35 2.843-6.35 6.35 0 1.1574 0.31065 2.2406 0.85163 3.175l0.23151-0.13229c-0.51747-0.8949-0.81856-1.9346-0.81856-3.0427 0-3.3609 2.7245-6.0854 6.0855-6.0854 3.3609 0 6.0854 2.7245 6.0854 6.0854 0 1.1081-0.30109 2.1478-0.81856 3.0427l0.23151 0.13229c0.54098-0.93443 0.85163-2.0176 0.85163-3.175 0-3.507-2.843-6.35-6.35-6.35z" display="inline" fill-opacity=".25098"/><path transform="matrix(.26458 0 0 .26458 -53.639 88.609)" d="m578 139v15c0 8.2843 6.7157 15 15 15s15-6.7157 15-15v-15c0 8.2843-6.7157 15-15 15s-15-6.7157-15-15z" display="inline" fill="url(#linearGradient8764)" filter="url(#filter7885)"/><circle cx="103.26" cy="125.65" r="3.9687" display="inline" fill="url(#linearGradient8766)"/><g fill-opacity=".12549"><path d="m103.26 120.62c-2.7764 0-5.0271 2.2507-5.0271 5.0271 0 0.0448 0.0071 0.0878 0.0083 0.13229 0.07104-2.7144 2.2873-4.8948 5.0189-4.8948s4.9478 2.1804 5.0188 4.8948c1e-3 -0.0445 8e-3 -0.0875 8e-3 -0.13229 0-2.7764-2.2507-5.0271-5.0271-5.0271z" display="inline" fill="#fff"/><path d="m103.26 121.68c-2.1919 0-3.9688 1.7769-3.9688 3.9688 0 0.0448 0.0068 0.0879 0.0083 0.13229 0.07056-2.1299 1.8134-3.8365 3.9606-3.8365 2.1471 0 3.8899 1.7065 3.9605 3.8365 2e-3 -0.0444 8e-3 -0.0875 8e-3 -0.13229 0-2.1919-1.7769-3.9688-3.9688-3.9688z" display="inline" fill="#fff"/><path d="m103.26 129.62c-2.1919 0-3.9688-1.7769-3.9688-3.9688 0-0.0448 0.0068-0.0879 0.0083-0.13229 0.07055 2.13 1.8134 3.8365 3.9605 3.8365s3.8899-1.7065 3.9605-3.8365c2e-3 0.0444 8e-3 0.0875 8e-3 0.13229 0 2.1919-1.7769 3.9688-3.9688 3.9688z" display="inline"/></g></g><g transform="matrix(.26459 0 0 .26459 -200.44 -88.392)"><rect x="757.54" y="334.07" width="58" height="26" rx="3" ry="3" fill-opacity=".50196"/><rect x="759.54" y="336.07" width="54" height="22" rx="1" ry="1" fill="url(#linearGradient8560)"/><path d="m760.54 336.07c-0.554 0-1 0.446-1 1v1c0-0.554 0.446-1 1-1h52c0.554 0 1 0.446 1 1v-1c0-0.554-0.446-1-1-1z" fill="#fff" fill-opacity=".062745"/><path d="m760.54 358.07c-0.554 0-1-0.446-1-1v-1c0 0.554 0.446 1 1 1h52c0.554 0 1-0.446 1-1v1c0 0.554-0.446 1-1 1z" fill-opacity=".25098"/></g></svg>
diff --git a/res/qml/images/button_pressed.svg b/res/qml/images/button_pressed.svg
new file mode 100644
index 0000000000..1c669f0ab3
--- /dev/null
+++ b/res/qml/images/button_pressed.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="58" height="27" version="1.1" viewBox="0 0 15.346 7.1439" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient8762" x1="762.5" x2="762.5" y1="119.01" y2="158.99" gradientTransform="matrix(.25135 0 0 .25135 -88.524 90.712)" gradientUnits="userSpaceOnUse"><stop stop-color="#303030" offset="0"/><stop stop-color="#181818" offset="1"/></linearGradient><linearGradient id="linearGradient8764" x1="748" x2="748" y1="139" y2="169" gradientTransform="translate(-170)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".75294" offset="0"/><stop stop-opacity="0" offset="1"/></linearGradient><filter id="filter7885"><feGaussianBlur stdDeviation="0.6"/></filter><linearGradient id="linearGradient8766" x1="763" x2="763" y1="119" y2="159" gradientTransform="matrix(.19844 0 0 .19844 -48.149 98.067)" gradientUnits="userSpaceOnUse"><stop stop-color="#404040" offset="0"/><stop stop-color="#282828" offset="1"/></linearGradient><linearGradient id="linearGradient8504"><stop stop-opacity=".29804" offset="0"/><stop stop-opacity=".060976" offset=".5"/><stop stop-opacity="0" offset="1"/></linearGradient><linearGradient id="linearGradient8638" x1="754" x2="754" y1="287" y2="303" gradientTransform="translate(-9.0139 79.594)" gradientUnits="userSpaceOnUse"><stop stop-color="#202020" offset="0"/><stop stop-color="#181818" offset="1"/></linearGradient><linearGradient id="linearGradient8640" x1="747" x2="799" y1="285.5" y2="285.5" gradientTransform="translate(-9.0139 79.594)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0" offset="0"/><stop stop-color="#fff" stop-opacity=".39216" offset=".5"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></linearGradient><linearGradient id="linearGradient8642" x1="747" x2="799" y1="285.5" y2="285.5" gradientTransform="translate(-9.0139 102.59)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0" offset="0"/><stop stop-color="#fff" stop-opacity=".39216" offset=".5"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></linearGradient><linearGradient id="linearGradient8644" x1="747" x2="799" y1="285.5" y2="285.5" gradientTransform="matrix(.38462 0 0 1 79.287 -1022)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0" offset="0"/><stop stop-color="#fff" stop-opacity=".39216" offset=".5"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></linearGradient><linearGradient id="linearGradient8646" x1="747" x2="799" y1="285.5" y2="285.5" gradientTransform="matrix(.38462 0 0 1 79.287 -1077)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0" offset="0"/><stop stop-color="#fff" stop-opacity=".39216" offset=".5"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></linearGradient><linearGradient id="linearGradient8648" x1="579" x2="579" y1="290" y2="296" gradientTransform="translate(170.99 75.594)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient8504"/><linearGradient id="linearGradient8650" x1="579" x2="579" y1="290" y2="296" gradientTransform="rotate(-90 700.29 253.3)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient8504"/><linearGradient id="linearGradient8652" x1="579" x2="579" y1="290" y2="296" gradientTransform="matrix(0 -1 -1 0 1081 953.59)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient8504"/></defs><g transform="translate(-102.03 -133.79)" display="none"><rect x="95.851" y="117.98" width="14.817" height="14.817" rx=".79375" ry=".79375" display="inline" fill="#fff" fill-opacity=".031372"/><circle cx="103.26" cy="125.65" r="5.2917" display="inline" fill-opacity=".50196"/><path d="m96.917 125.86c-0.0052 0.10557-0.0083 0.21561-0.0083 0.32247 0 1.1574 0.31065 2.2406 0.85163 3.175v-0.52917c-0.50847-0.87827-0.80854-1.8891-0.84336-2.9683zm0.84336 2.9683c0.05542 0.0956 0.11349 0.18875 0.17363 0.28112l0.678-0.42995c0.04787 0.0734 0.09762 0.14399 0.14883 0.21498 0.02096 0.0291 0.03638 0.0623 0.05788 0.0909 0.04113 0.0548 0.08922 0.10388 0.13229 0.15708 0.02207 0.0273 0.04358 0.0558 0.06615 0.0827 0.02133 0.0253 0.04438 0.0495 0.06615 0.0744 0.07195 0.0827 0.14663 0.16146 0.22324 0.23978 0.0069 7e-3 0.0096 0.0178 0.01654 0.0248 0.05152 0.0521 0.10357 0.0988 0.1571 0.14884 0.08354 0.0781 0.16809 0.15037 0.25632 0.22324 0.06369 0.0526 0.12415 0.10732 0.19017 0.1571 0.04867 0.0368 0.09893 0.0722 0.14883 0.10748 0.0466 0.0328 0.093 0.0679 0.14057 0.0992 0.0512 0.0339 0.1047 0.067 0.1571 0.0992 0.0535 0.0327 0.11069 0.06 0.16537 0.0909 0.0138 8e-3 0.0275 0.0171 0.0413 0.0248 0.0795 0.0441 0.15796 0.092 0.23979 0.13231 0.0542 0.0267 0.11016 0.0494 0.16536 0.0744 0.049 0.0222 0.0991 0.0454 0.14883 0.0661 0.0193 8e-3 0.0384 0.017 0.0579 0.0248 0.10597 0.0428 0.21336 0.0794 0.32245 0.11575 0.0429 0.0143 0.0889 0.0281 0.1323 0.0413 0.0442 0.0135 0.0877 0.029 0.13229 0.0413 0.0241 7e-3 0.0502 0.0102 0.0744 0.0165 0.0938 0.0246 0.18545 0.0464 0.28111 0.0661 0.0717 0.0149 0.14224 0.0293 0.21498 0.0413 0.0632 0.0104 0.12621 0.0165 0.19016 0.0248 0.0406 5e-3 0.0833 0.0122 0.12403 0.0165 0.19543 0.0209 0.39418 0.0331 0.59531 0.0331s0.3999-0.0121 0.59531-0.0331c0.0414-4e-3 0.0828-0.0112 0.12402-0.0165 0.064-8e-3 0.12693-0.0144 0.19017-0.0248 0.0727-0.0121 0.14323-0.0265 0.21498-0.0413 0.0731-0.0151 0.14297-0.0317 0.21497-0.0496 0.0907-0.0227 0.184-0.0473 0.27284-0.0744 0.0725-0.0221 0.14381-0.0494 0.21499-0.0744 0.20937-0.0735 0.41488-0.15094 0.61187-0.24804 0.0652-0.0321 0.12644-0.073 0.19015-0.10749 0.0604-0.0329 0.12284-0.0642 0.18191-0.0992 0.0551-0.0326 0.11147-0.0648 0.16535-0.0992 0.047-0.0302 0.0945-0.0594 0.14057-0.091 0.047-0.0321 0.0946-0.0657 0.14056-0.0992 0.0913-0.0667 0.17759-0.14296 0.26458-0.21498 0.0882-0.0729 0.17277-0.14517 0.25632-0.22324 0.0535-0.0501 0.10558-0.0967 0.1571-0.14884 0.0273-0.0276 0.0559-0.0545 0.0829-0.0827 0.13647-0.14404 0.26784-0.29681 0.38858-0.45475 0.0169-0.022 0.0331-0.0439 0.0496-0.0661 0.0542-0.0731 0.10642-0.14748 0.1571-0.22324 0.0123-0.0184 0.021-0.0394 0.0331-0.0579l0.678 0.42995c0.0601-0.0924 0.1182-0.18549 0.17362-0.28112l-0.69453-0.39687-0.22324-0.13231c-0.0541 0.0935-0.11408 0.18312-0.17364 0.27287-0.0166 0.0251-0.0326 0.0497-0.0496 0.0744-0.0434 0.0631-0.0864 0.12909-0.1323 0.19017-0.0568 0.0752-0.1213 0.15122-0.1819 0.22324-0.0693 0.0824-0.14087 0.16182-0.21497 0.23978-0.0659 0.0693-0.12893 0.13277-0.19845 0.19844-0.017 0.0161-0.0324 0.0337-0.0496 0.0496-0.0523 0.0482-0.11112 0.0945-0.16536 0.14056-0.0462 0.0392-0.093 0.0781-0.14056 0.11575-0.037 0.0293-0.078 0.0543-0.11575 0.0827-0.025 0.0188-0.049 0.0396-0.0744 0.0579-0.0825 0.0595-0.1622 0.11883-0.24806 0.17364-0.091 0.0581-0.18639 0.11277-0.28111 0.16536-0.0947 0.0526-0.19121 0.10202-0.28938 0.14883-0.0816 0.0388-0.16434 0.0728-0.24806 0.10748-0.017 7e-3 -0.0325 0.0179-0.0496 0.0248-0.0738 0.0297-0.14784 0.0563-0.22323 0.0827-0.0739 0.0259-0.14787 0.0518-0.22327 0.0744-0.0354 0.0107-0.0717 0.0231-0.10748 0.0331-0.0246 7e-3 -0.0497 0.0101-0.0744 0.0165-0.20351 0.0534-0.40777 0.0951-0.62012 0.12402-0.0905 0.0124-0.1809 0.0253-0.27285 0.0331-0.14675 0.0123-0.29653 0.0166-0.44648 0.0166-0.12165 0-0.24423-1.7e-4 -0.3638-8e-3 -0.028-2e-3 -0.0549-6e-3 -0.0825-8e-3 -0.16268-0.0136-0.32142-0.0381-0.47955-0.0661-0.0299-5e-3 -0.0613-0.0107-0.0909-0.0165-0.0193-4e-3 -0.0386-4e-3 -0.0579-8e-3 -0.15258-0.0315-0.29902-0.0715-0.44649-0.11576-0.0754-0.0226-0.14929-0.0485-0.22324-0.0744-0.093-0.0326-0.18225-0.0699-0.27281-0.10749-0.0836-0.0346-0.16671-0.0688-0.24805-0.10748-0.0982-0.0468-0.19466-0.0962-0.28939-0.14883-0.0947-0.0526-0.19008-0.10725-0.28114-0.16537-0.0858-0.0548-0.16564-0.11411-0.24804-0.17363-0.0255-0.0184-0.0493-0.039-0.0744-0.0579-0.0378-0.0283-0.0787-0.0534-0.11577-0.0827-0.04716-0.0374-0.09472-0.0768-0.14056-0.11575-0.0552-0.0469-0.11214-0.0915-0.16536-0.14056-0.01723-0.0159-0.03259-0.0335-0.04961-0.0496-0.06819-0.0645-0.13374-0.13042-0.19844-0.19844-0.0741-0.078-0.14568-0.15744-0.21497-0.23978-0.05191-0.0617-0.108-0.12613-0.1571-0.19017-0.0083-0.0108-0.01659-0.0222-0.02481-0.0331-0.04663-0.0618-0.08834-0.12634-0.13229-0.19017-0.0168-0.0244-0.03321-0.0497-0.04961-0.0744-0.0077-0.0116-0.01722-0.0214-0.02482-0.0331-0.04996-0.0767-0.10276-0.16039-0.14882-0.23979l-0.22324 0.13231-0.69453 0.39687zm10.997 0v0.52917c0.54098-0.93444 0.85163-2.0176 0.85163-3.175 0-0.10686-3e-3 -0.2169-8e-3 -0.32247-0.0348 1.0792-0.33489 2.09-0.84336 2.9683z" display="inline" fill="#fff" fill-opacity=".062745"/><circle cx="103.26" cy="125.65" r="5.0271" display="inline" fill="url(#linearGradient8762)"/><path d="m103.26 119.3c-3.507 0-6.35 2.843-6.35 6.35 0 1.1574 0.31065 2.2406 0.85163 3.175l0.91778-0.52918c-0.45115-0.77889-0.71107-1.6809-0.71107-2.6458 0-2.9225 2.3692-5.2917 5.2917-5.2917s5.2917 2.3692 5.2917 5.2917c0 0.9649-0.25992 1.8669-0.71107 2.6458l0.91777 0.52918c0.54098-0.93443 0.85163-2.0176 0.85163-3.175 0-3.507-2.843-6.35-6.35-6.35z" display="inline" fill-opacity=".25098"/><path d="m103.26 119.3c-3.507 0-6.35 2.843-6.35 6.35 0 1.1574 0.31065 2.2406 0.85163 3.175l0.23151-0.13229c-0.51747-0.8949-0.81856-1.9346-0.81856-3.0427 0-3.3609 2.7245-6.0854 6.0855-6.0854 3.3609 0 6.0854 2.7245 6.0854 6.0854 0 1.1081-0.30109 2.1478-0.81856 3.0427l0.23151 0.13229c0.54098-0.93443 0.85163-2.0176 0.85163-3.175 0-3.507-2.843-6.35-6.35-6.35z" display="inline" fill-opacity=".25098"/><path transform="matrix(.26458 0 0 .26458 -53.639 88.609)" d="m578 139v15c0 8.2843 6.7157 15 15 15s15-6.7157 15-15v-15c0 8.2843-6.7157 15-15 15s-15-6.7157-15-15z" display="inline" fill="url(#linearGradient8764)" filter="url(#filter7885)"/><circle cx="103.26" cy="125.65" r="3.9687" display="inline" fill="url(#linearGradient8766)"/><g fill-opacity=".12549"><path d="m103.26 120.62c-2.7764 0-5.0271 2.2507-5.0271 5.0271 0 0.0448 0.0071 0.0878 0.0083 0.13229 0.07104-2.7144 2.2873-4.8948 5.0189-4.8948s4.9478 2.1804 5.0188 4.8948c1e-3 -0.0445 8e-3 -0.0875 8e-3 -0.13229 0-2.7764-2.2507-5.0271-5.0271-5.0271z" display="inline" fill="#fff"/><path d="m103.26 121.68c-2.1919 0-3.9688 1.7769-3.9688 3.9688 0 0.0448 0.0068 0.0879 0.0083 0.13229 0.07056-2.1299 1.8134-3.8365 3.9606-3.8365 2.1471 0 3.8899 1.7065 3.9605 3.8365 2e-3 -0.0444 8e-3 -0.0875 8e-3 -0.13229 0-2.1919-1.7769-3.9688-3.9688-3.9688z" display="inline" fill="#fff"/><path d="m103.26 129.62c-2.1919 0-3.9688-1.7769-3.9688-3.9688 0-0.0448 0.0068-0.0879 0.0083-0.13229 0.07055 2.13 1.8134 3.8365 3.9605 3.8365s3.8899-1.7065 3.9605-3.8365c2e-3 0.0444 8e-3 0.0875 8e-3 0.13229 0 2.1919-1.7769 3.9688-3.9688 3.9688z" display="inline"/></g></g><g transform="matrix(.26459 0 0 .26459 -194.47 -96.204)"><rect x="734.99" y="363.59" width="58" height="26" rx="3" ry="3" fill-opacity=".50196"/><path d="m734.99 386.59v1c0 1.662 1.338 3 3 3h52c1.662 0 3-1.338 3-3v-1c0 1.662-1.338 3-3 3h-52c-1.662 0-3-1.338-3-3z" fill="#fff" fill-opacity=".031372"/><rect x="736.99" y="365.59" width="54" height="22" rx="1" ry="1" fill="url(#linearGradient8638)"/><path d="m737.99 387.59c-0.554 0-1-0.446-1-1v-1c0 0.554 0.446 1 1 1h52c0.554 0 1-0.446 1-1v1c0 0.554-0.446 1-1 1z" fill-opacity=".25098"/><g><rect x="737.99" y="364.59" width="52" height="1" fill="url(#linearGradient8640)" opacity=".75"/><rect x="737.99" y="387.59" width="52" height="1" fill="url(#linearGradient8642)"/><rect transform="rotate(90)" x="366.59" y="-736.99" width="20" height="1" fill="url(#linearGradient8644)" opacity=".5"/><rect transform="rotate(90)" x="366.59" y="-791.99" width="20" height="1" fill="url(#linearGradient8646)" opacity=".5"/><path d="m737.99 365.59c-0.554 0-1 0.446-1 1v5h54v-5c0-0.554-0.446-1-1-1z" fill="url(#linearGradient8648)"/><path d="m736.99 386.59c0 0.554 0.446 1 1 1h5v-22h-5c-0.554 0-1 0.446-1 1z" fill="url(#linearGradient8650)"/><path d="m790.99 386.59c0 0.554-0.446 1-1 1h-5v-22h5c0.554 0 1 0.446 1 1z" fill="url(#linearGradient8652)"/></g><path d="m737.99 365.59c-0.554 0-1 0.446-1 1v1c0-0.554 0.446-1 1-1h52c0.554 0 1 0.446 1 1v-1c0-0.554-0.446-1-1-1z" fill="#fff" fill-opacity=".031372"/></g></svg>
diff --git a/res/qml/images/icon_passthrough.svg b/res/qml/images/icon_passthrough.svg
new file mode 100644
index 0000000000..cd74c2b7f2
--- /dev/null
+++ b/res/qml/images/icon_passthrough.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="7.276mm" height="2.6458mm" version="1.1" viewBox="0 0 7.276 2.6458" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-116.42 -196.74)" fill="#fff"><path d="m119.33 196.74c-0.73063 0-1.3229 0.5923-1.3229 1.3229 0 0.73063 0.59229 1.3229 1.3229 1.3229s1.3229-0.59228 1.3229-1.3229c0-0.73062-0.59229-1.3229-1.3229-1.3229zm0 0.52917c0.43838 0 0.79375 0.35538 0.79375 0.79375 0 0.43838-0.35537 0.79375-0.79375 0.79375s-0.79375-0.35537-0.79375-0.79375c0-0.43837 0.35537-0.79375 0.79375-0.79375z"/><path d="m119.06 197.79h-2.6458v0.52916h2.6458z"/><path transform="matrix(1.1066 0 0 1.0953 -8.7713 -18.739)" d="m116.23 197.94-0.83681 0.48313v-0.96627l0.41841 0.24157z"/><path d="m122.9 197.79h-2.6458v0.52916h2.6458z"/><path transform="matrix(1.1066 0 0 1.0953 -4.9348 -18.739)" d="m116.23 197.94-0.83681 0.48313v-0.96627l0.41841 0.24157z"/></g></svg>
diff --git a/res/qml/images/icon_quantize.svg b/res/qml/images/icon_quantize.svg
new file mode 100644
index 0000000000..63d974c43c
--- /dev/null
+++ b/res/qml/images/icon_quantize.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="8.46667mm"
+   height="2.6458299mm"
+   viewBox="0 0 8.46667 2.6458299"
+   version="1.1"
+   id="svg9300">
+  <defs
+     id="defs9294" />
+  <metadata
+     id="metadata9297">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     transform="translate(-112.18333,-196.73661)">
+    <path
+       id="path18754"
+       d="m 112.18333,196.73661 v 2.64583 h 0.52917 v -2.64583 z m 1.32292,0 v 2.64583 h 0.52917 v -2.64583 z m 1.32292,0 v 2.64583 h 0.52916 v -2.64583 z m 1.85208,0 v 0.52916 h 2.64583 c 0.43838,0 0.79375,0.35538 0.79375,0.79375 0,0.43838 -0.35537,0.79375 -0.79375,0.79375 h -2.64583 v 0.52917 h 2.64583 c 0.73063,0 1.32292,-0.59229 1.32292,-1.32292 0,-0.73062 -0.59229,-1.32291 -1.32292,-1.32291 z"
+       style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583" />
+  </g>
+</svg>
diff --git a/res/qml/images/knob.svg b/res/qml/images/knob.svg
new file mode 100644
index 0000000000..23aa3e77cf
--- /dev/null
+++ b/res/qml/images/knob.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48" height="48" version="1.1" viewBox="0 0 12.7 12.7" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="linearGradient8762" x1="762.5" x2="762.5" y1="119.01" y2="158.99" gradientTransform="matrix(.25133 0 0 .25135 -89.566 89.392)" gradientUnits="userSpaceOnUse"><stop stop-color="#303030" offset="0"/><stop stop-color="#181818" offset="1"/></linearGradient><linearGradient id="linearGradient8766" x1="763" x2="763" y1="119" y2="159" gradientTransform="matrix(.19842 0 0 .19844 -49.195 96.747)" gradientUnits="userSpaceOnUse"><stop stop-color="#404040" offset="0"/><stop stop-color="#282828" offset="1"/></linearGradient><linearGradient id="linearGradient8768" x1="761" x2="761" y1="196" y2="185" gradientTransform="matrix(.26458 0 0 .26458 -193.81 -44.979)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".031373" offset="0"/><stop stop-color="#fff" stop-opacity=".062745" offset="1"/></linearGradient></defs><g transform="translate(-95.851 -117.98)"><g stroke-width=".99996"><ellipse cx="102.2" cy="124.33" rx="5.2913" ry="5.2917" fill-opacity=".50196"/><path d="m95.859 124.54c-0.0052 0.10558-0.0083 0.21562-0.0083 0.32248 0 1.1574 0.31062 2.2406 0.85156 3.175v-0.52917c-0.50843-0.87827-0.80847-1.8891-0.84329-2.9683zm0.84329 2.9683c0.05541 0.0956 0.11348 0.18875 0.17362 0.28112l0.67794-0.42995c0.04787 0.0734 0.09761 0.14399 0.14882 0.21498 0.02096 0.0291 0.03638 0.0623 0.05787 0.0909 0.04113 0.0548 0.08921 0.10388 0.13228 0.15708 0.02207 0.0273 0.04358 0.0558 0.06615 0.0827 0.02133 0.0253 0.04438 0.0495 0.06614 0.0744 0.07194 0.0827 0.14662 0.16146 0.22322 0.23978 0.0069 7e-3 0.0096 0.0178 0.01654 0.0248 0.05152 0.0521 0.10356 0.0988 0.15709 0.14884 0.08353 0.0781 0.16808 0.15037 0.2563 0.22324 0.06368 0.0526 0.12414 0.10732 0.19015 0.1571 0.04867 0.0368 0.09892 0.0722 0.14882 0.10748 0.0466 0.0328 0.09299 0.0679 0.14056 0.0992 0.0512 0.0339 0.10469 0.067 0.15709 0.0992 0.0535 0.0327 0.11068 0.06 0.16536 0.0909 0.0138 8e-3 0.0275 0.0171 0.0413 0.0248 0.07949 0.0441 0.15795 0.092 0.23977 0.13231 0.0542 0.0267 0.11015 0.0494 0.16535 0.0744 0.049 0.0222 0.09909 0.0454 0.14882 0.0661 0.0193 8e-3 0.0384 0.017 0.0579 0.0248 0.10596 0.0428 0.21334 0.0794 0.32242 0.11575 0.0429 0.0143 0.0889 0.0281 0.13229 0.0413 0.0442 0.0135 0.0877 0.029 0.13228 0.0413 0.0241 7e-3 0.0502 0.0102 0.0744 0.0165 0.0938 0.0246 0.18544 0.0464 0.28109 0.0661 0.0717 0.0149 0.14223 0.0293 0.21496 0.0413 0.0632 0.0104 0.1262 0.0165 0.19015 0.0248 0.0406 5e-3 0.0833 0.0122 0.12402 0.0165 0.19541 0.0209 0.39414 0.0331 0.59526 0.0331 0.20111 0 0.39987-0.0121 0.59526-0.0331 0.0414-4e-3 0.0828-0.0112 0.12401-0.0165 0.064-8e-3 0.12692-0.0144 0.19015-0.0248 0.0727-0.0121 0.14322-0.0265 0.21497-0.0413 0.0731-0.0151 0.14295-0.0317 0.21495-0.0496 0.0907-0.0227 0.18398-0.0473 0.27282-0.0744 0.0725-0.0221 0.14379-0.0494 0.21497-0.0744 0.20935-0.0735 0.41484-0.15094 0.61182-0.24804 0.0652-0.0321 0.12643-0.073 0.19013-0.10749 0.0604-0.0329 0.12283-0.0642 0.1819-0.0992 0.0551-0.0326 0.11146-0.0648 0.16533-0.0992 0.047-0.0302 0.0945-0.0594 0.14056-0.091 0.047-0.0321 0.0946-0.0657 0.14055-0.0992 0.0913-0.0667 0.17758-0.14296 0.26456-0.21498 0.0882-0.0729 0.17275-0.14517 0.2563-0.22324 0.0535-0.0501 0.10557-0.0967 0.15708-0.14884 0.0273-0.0276 0.0559-0.0545 0.0829-0.0827 0.13646-0.14404 0.26782-0.29681 0.38855-0.45475 0.0169-0.022 0.0331-0.0439 0.0496-0.0661 0.0542-0.0731 0.10641-0.14748 0.15709-0.22324 0.0123-0.0184 0.021-0.0394 0.0331-0.0579l0.67794 0.42995c0.0601-0.0924 0.11819-0.18549 0.17361-0.28112l-0.69448-0.39687-0.22322-0.13231c-0.0541 0.0935-0.11407 0.18312-0.17362 0.27287-0.0166 0.0251-0.0326 0.0497-0.0496 0.0744-0.0434 0.0631-0.0864 0.12909-0.13229 0.19017-0.0568 0.0752-0.12129 0.15122-0.18188 0.22324-0.0693 0.0824-0.14086 0.16182-0.21496 0.23978-0.0659 0.0693-0.12892 0.13277-0.19843 0.19844-0.017 0.0161-0.0324 0.0337-0.0496 0.0496-0.0523 0.0482-0.11111 0.0945-0.16534 0.14056-0.0462 0.0392-0.093 0.0781-0.14055 0.11575-0.037 0.0293-0.078 0.0543-0.11574 0.0827-0.025 0.0188-0.049 0.0396-0.0744 0.0579-0.0825 0.0595-0.16218 0.11883-0.24804 0.17364-0.091 0.0581-0.18637 0.11277-0.28108 0.16536-0.0947 0.0526-0.1912 0.10203-0.28936 0.14884-0.0816 0.0388-0.16432 0.0728-0.24804 0.10748-0.017 7e-3 -0.0325 0.0179-0.0496 0.0248-0.0738 0.0297-0.14783 0.0563-0.22322 0.0827-0.0739 0.0259-0.14785 0.0518-0.22325 0.0744-0.0354 0.0107-0.0717 0.0231-0.10747 0.0331-0.0246 7e-3 -0.0497 0.0101-0.0744 0.0165-0.2035 0.0534-0.40774 0.0951-0.62007 0.12402-0.0905 0.0124-0.18089 0.0253-0.27283 0.0331-0.14674 0.0123-0.2965 0.0166-0.44644 0.0166-0.12164 0-0.24421-1.7e-4 -0.36377-8e-3 -0.028-2e-3 -0.0549-6e-3 -0.0825-8e-3 -0.16266-0.0136-0.32139-0.0381-0.47951-0.0661-0.0299-5e-3 -0.0613-0.0107-0.0909-0.0165-0.0193-4e-3 -0.0386-4e-3 -0.0579-8e-3 -0.15257-0.0315-0.299-0.0715-0.44646-0.11576-0.0754-0.0226-0.14927-0.0485-0.22322-0.0744-0.093-0.0326-0.18223-0.0699-0.27279-0.10749-0.0836-0.0346-0.16669-0.0688-0.24803-0.10748-0.09819-0.0468-0.19464-0.0962-0.28937-0.14884-0.09469-0.0526-0.19006-0.10725-0.28112-0.16537-0.08579-0.0548-0.16563-0.11411-0.24802-0.17363-0.0255-0.0184-0.0493-0.039-0.07439-0.0579-0.0378-0.0283-0.07869-0.0534-0.11576-0.0827-0.04716-0.0374-0.09471-0.0768-0.14055-0.11575-0.0552-0.0469-0.11213-0.0915-0.16535-0.14056-0.01723-0.0159-0.03259-0.0335-0.04961-0.0496-0.06818-0.0645-0.13373-0.13042-0.19842-0.19844-0.07409-0.078-0.14567-0.15744-0.21495-0.23978-0.05191-0.0617-0.10799-0.12613-0.15709-0.19017-0.0083-0.0108-0.01659-0.0222-0.02481-0.0331-0.04663-0.0618-0.08833-0.12634-0.13228-0.19017-0.0168-0.0244-0.03321-0.0497-0.04961-0.0744-0.0077-0.0116-0.01722-0.0214-0.02482-0.0331-0.04996-0.0767-0.10275-0.16039-0.14881-0.23979l-0.22322 0.13231-0.69447 0.39687zm10.996 0v0.52917c0.54093-0.93444 0.85156-2.0176 0.85156-3.175 0-0.10686-3e-3 -0.2169-8e-3 -0.32248-0.0348 1.0792-0.33487 2.09-0.84329 2.9683z" fill="#fff" fill-opacity=".062745"/><ellipse cx="102.2" cy="124.33" rx="5.0267" ry="5.0271" fill="url(#linearGradient8762)"/><path d="m102.2 117.98c-3.5067 0-6.3495 2.843-6.3495 6.35 0 1.1574 0.31062 2.2406 0.85156 3.175l0.9177-0.52918c-0.45111-0.77889-0.71101-1.6809-0.71101-2.6458 0-2.9225 2.369-5.2917 5.2913-5.2917 2.9223 0 5.2913 2.3692 5.2913 5.2917 0 0.96491-0.2599 1.8669-0.71101 2.6458l0.9177 0.52918c0.54093-0.93443 0.85156-2.0176 0.85156-3.175 0-3.507-2.8428-6.35-6.3495-6.35z" fill-opacity=".25098"/><path d="m102.2 117.98c-3.5067 0-6.3495 2.843-6.3495 6.35 0 1.1574 0.31062 2.2406 0.85156 3.175l0.23149-0.13229c-0.51743-0.8949-0.81849-1.9346-0.81849-3.0427 0-3.3609 2.7243-6.0854 6.085-6.0854 3.3606 0 6.0849 2.7245 6.0849 6.0854 0 1.1081-0.30107 2.1478-0.8185 3.0427l0.2315 0.13229c0.54093-0.93443 0.85156-2.0176 0.85156-3.175 0-3.507-2.8428-6.35-6.3495-6.35z" fill-opacity=".25098"/><ellipse cx="102.2" cy="124.33" rx="3.9684" ry="3.9687" fill="url(#linearGradient8766)"/></g><g transform="matrix(.99992 0 0 1 -1.0497 -1.3203)" fill-opacity=".12549"><path d="m103.26 120.62c-2.7764 0-5.0271 2.2507-5.0271 5.0271 0 0.0448 0.0071 0.0878 0.0083 0.13229 0.07104-2.7144 2.2873-4.8948 5.0189-4.8948s4.9478 2.1804 5.0188 4.8948c1e-3 -0.0445 8e-3 -0.0875 8e-3 -0.13229 0-2.7764-2.2507-5.0271-5.0271-5.0271z" fill="#fff"/><path d="m103.26 121.68c-2.1919 0-3.9688 1.7769-3.9688 3.9688 0 0.0448 0.0068 0.0879 0.0083 0.13229 0.07056-2.1299 1.8134-3.8365 3.9606-3.8365 2.1471 0 3.8899 1.7065 3.9605 3.8365 2e-3 -0.0444 8e-3 -0.0875 8e-3 -0.13229 0-2.1919-1.7769-3.9688-3.9688-3.9688z" fill="#fff"/><path d="m103.26 129.62c-2.1919 0-3.9688-1.7769-3.9688-3.9688 0-0.0448 0.0068-0.0879 0.0083-0.13229 0.07055 2.13 1.8134 3.8365 3.9605 3.8365s3.8899-1.7065 3.9605-3.8365c2e-3 0.0444 8e-3 0.0875 8e-3 0.13229 0 2.1919-1.7769 3.9688-3.9688 3.9688z"/></g></g><g transform="translate(-.662)" display="none"><rect x="7.8053" y="3.9688" width=".52917" height="2.6458" display="inline" fill="#fff"/><path d="m7.5407 3.9687v2.6458h0.26459v-2.6458zm0.26459 2.6458v0.26458h0.52916v-0.26458zm0.52916 0h0.26459v-2.6458h-0.26459z" display="inline" fill="url(#linearGradient8768)"/></g></svg>
diff --git a/res/qml/images/knob_shadow.svg b/res/qml/images/knob_shadow.svg
new file mode 100644
index 0000000000..9dd3717a33
--- /dev/null
+++ b/res/qml/images/knob_shadow.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48" height="56" version="1.1" viewBox="0 0 12.7 14.817" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="filter7885"><feGaussianBlur stdDeviation="0.6"/></filter><linearGradient id="linearGradient8768" x1="761" x2="761" y1="196" y2="185" gradientTransform="matrix(.26458 0 0 .26458 -193.81 -44.979)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".031373" offset="0"/><stop stop-color="#fff" stop-opacity=".062745" offset="1"/></linearGradient><linearGradient id="linearGradient14108" x1="748" x2="748" y1="139" y2="169" gradientTransform="translate(-170)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".75294" offset="0"/><stop stop-opacity="0" offset="1"/></linearGradient><clipPath id="clipPath14233"><ellipse cx="593.01" cy="140" rx="15" ry="15" d="m 608.0116,139.99925 a 14.999999,15 0 0 1 -15,15 14.999999,15 0 0 1 -15,-15 14.999999,15 0 0 1 15,-15 14.999999,15 0 0 1 15,15 z" display="none" fill="#fff" stroke-width="3.7796"/><path class="powerclip" d="m570 131h46v46h-46zm38.012 8.9992a15 15 0 0 0-15-15 15 15 0 0 0-15 15 15 15 0 0 0 15 15 15 15 0 0 0 15-15z" fill="#fff" stroke-width="3.7796"/></clipPath></defs><g transform="translate(-95.851 -117.98)"><path transform="matrix(.26456 0 0 .26458 -54.684 87.289)" d="m578 139v15c0 8.2843 6.7157 15 15 15s15-6.7157 15-15v-15c0 8.2843-6.7157 15-15 15s-15-6.7157-15-15z" clip-path="url(#clipPath14233)" fill="url(#linearGradient14108)" filter="url(#filter7885)"/></g><g transform="translate(-.662)" display="none"><rect x="7.8053" y="3.9688" width=".52917" height="2.6458" display="inline" fill="#fff"/><path d="m7.5407 3.9687v2.6458h0.26459v-2.6458zm0.26459 2.6458v0.26458h0.52916v-0.26458zm0.52916 0h0.26459v-2.6458h-0.26459z" display="inline" fill="url(#linearGradient8768)"/></g></svg>
diff --git a/res/qml/images/miniknob.svg b/res/qml/images/miniknob.svg
new file mode 100644
index 0000000000..2c08c5bf93
--- /dev/null
+++ b/res/qml/images/miniknob.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient13251" x1="762.5" x2="762.5" y1="119.01" y2="158.99" gradientUnits="userSpaceOnUse"><stop stop-color="#303030" offset="0"/><stop stop-color="#181818" offset="1"/></linearGradient><linearGradient id="linearGradient13255" x1="763" x2="763" y1="119" y2="159" gradientUnits="userSpaceOnUse"><stop stop-color="#404040" offset="0"/><stop stop-color="#282828" offset="1"/></linearGradient></defs><g transform="translate(-95.41 -109.48)"><g transform="matrix(.26458 0 0 .26458 -127.1 -75.727)"><circle transform="translate(98,581)" cx="763" cy="139" r="20" fill-opacity=".50196"/><circle transform="matrix(.95 0 0 .95 136.15 587.95)" cx="763" cy="139" r="20" fill="url(#linearGradient13251)"/><circle transform="matrix(.75 0 0 .75 288.75 615.75)" cx="763" cy="139" r="20" fill="url(#linearGradient13255)"/><g fill-opacity=".12549"><path d="m861 701c-10.493 0-19 8.5066-19 19 0 0.16936 0.0268 0.3317 0.0312 0.5 0.26849-10.259 8.6447-18.5 18.969-18.5s18.7 8.2407 18.969 18.5c4e-3 -0.1683 0.0312-0.33064 0.0312-0.5 0-10.493-8.5066-19-19-19z" fill="#fff"/><path d="m861 705c-8.2843 0-15 6.7157-15 15 0 0.16922 0.0257 0.33214 0.0312 0.5 0.2667-8.0502 6.8537-14.5 14.969-14.5s14.702 6.4498 14.969 14.5c6e-3 -0.16786 0.0312-0.33078 0.0312-0.5 0-8.2843-6.7157-15-15-15z" fill="#fff"/><path d="m861 735c-8.2843 0-15-6.7157-15-15 0-0.16922 0.0257-0.33214 0.0312-0.5 0.26665 8.0502 6.8537 14.5 14.969 14.5s14.702-6.4498 14.969-14.5c6e-3 0.16786 0.0312 0.33078 0.0312 0.5 0 8.2843-6.7157 15-15 15z"/></g></g></g></svg>
diff --git a/res/qml/images/miniknob_shadow.svg b/res/qml/images/miniknob_shadow.svg
new file mode 100644
index 0000000000..19d4caa480
--- /dev/null
+++ b/res/qml/images/miniknob_shadow.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40" height="52" version="1.1" viewBox="0 0 10.583 13.758" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient13253" x1="748" x2="748" y1="139" y2="169" gradientTransform="translate(98,580)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".75294" offset="0"/><stop stop-opacity="0" offset="1"/></linearGradient><filter id="filter7885-4" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="0.6"/></filter><mask id="mask-powermask-path-effect6600" maskUnits="userSpaceOnUse"><path id="mask-powermask-path-effect6600_box" d="m842 715h38v38h-38z" fill="#fff"/><circle cx="861" cy="720" r="15" d="M 875.99999,720 A 14.999988,14.999988 0 0 1 861,734.99999 14.999988,14.999988 0 0 1 846.00001,720 14.999988,14.999988 0 0 1 861,705.00001 14.999988,14.999988 0 0 1 875.99999,720 Z" fill="url(#linearGradient6598)"/></mask><linearGradient id="linearGradient6598" x1="763" x2="763" y1="119" y2="159" gradientTransform="matrix(.75 0 0 .75 288.75 615.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#404040" offset="0"/><stop stop-color="#282828" offset="1"/></linearGradient></defs><g transform="translate(-95.41 -109.48)"><g transform="matrix(.26458 0 0 .26458 -127.1 -75.727)"><path d="m846 719v15c0 8.2843 6.7157 15 15 15s15-6.7157 15-15v-15c0 8.2843-6.7157 15-15 15s-15-6.7157-15-15z" fill="url(#linearGradient13253)" filter="url(#filter7885-4)" mask="url(#mask-powermask-path-effect6600)"/></g></g></svg>
diff --git a/res/qml/images/realty@2x.png b/res/qml/images/realty@2x.png
new file mode 100644
index 0000000000..ebdf88bc52
--- /dev/null
+++ b/res/qml/images/realty@2x.png
diff --git a/res/qml/images/section.svg b/res/qml/images/section.svg
new file mode 100644
index 0000000000..d36770819b
--- /dev/null
+++ b/res/qml/images/section.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="50" height="50" version="1.1" viewBox="0 0 13.229 13.229" xmlns="http://www.w3.org/2000/svg"><rect width="13.229" height=".13229" stroke-width=".70709"/><rect y=".13229" width="13.229" height=".26459" fill="#fff" fill-opacity=".062745"/><rect y="12.832" width="13.229" height=".26459" fill-opacity=".12549"/><g stroke-width=".70709"><rect y="13.097" width="13.229" height=".13229"/><rect transform="rotate(-90)" x="-13.229" width="13.229" height=".13229"/><rect transform="rotate(-90)" x="-13.229" y="13.097" width="13.229" height=".13229"/></g><rect transform="rotate(-90)" x="-13.229" y="12.832" width="13.229" height=".26459" fill="#fff" fill-opacity=".031372"/><rect transform="rotate(-90)" x="-13.229" y=".13229" width="13.229" height=".26459" fill="#fff" fill-opacity=".031372"/></svg>
diff --git a/res/qml/images/services@2x.png b/res/qml/images/services@2x.png
new file mode 100644
index 0000000000..3e34f45f7a
--- /dev/null
+++ b/res/qml/images/services@2x.png
diff --git a/res/qml/images/slider_bpm.svg b/res/qml/images/slider_bpm.svg
new file mode 100644
index 0000000000..bdeb7176ab
--- /dev/null
+++ b/res/qml/images/slider_bpm.svg
@@ -0,0 +1,1812 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   width="11.641666mm"
+   height="33.866665mm"
+   viewBox="0 0 11.641666 33.866664"
+   version="1.1"
+   id="svg6049">
+  <defs
+     id="defs6043">
+    <linearGradient
+       xlink:href="#linearGradient9019"
+       id="linearGradient18830"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,0.26458333,-0.26458333,0,-162.18958,166.78199)"
+       x1="87"
+       y1="-713"
+       x2="218"
+       y2="-713" />
+    <linearGradient
+       id="linearGradient9019">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="0"
+         id="stop9021" />
+      <stop
+         id="stop9036"
+         offset="0.19607843"
+         style="stop-color:#ffffff;stop-opacity:0.03921569;" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.04705882;"
+         offset="1"
+         id="stop9023" />
+    </linearGradient>
+  </defs>
+  <metadata
+     id="metadata6046">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     transform="translate(-20.637501,-190.06532)">
+    <path
+       id="path18280"
+       d="m 26.458338,189.80074 c -0.439737,0 -0.79375,0.35402 -0.79375,0.79375 v 33.07292 c 0,0.43974 0.354013,0.79375 0.79375,0.79375 0.439738,0 0.79375,-0.35401 0.79375,-0.79375 v -33.07292 c 0,-0.43973 -0.354012,-0.79375 -0.79375,-0.79375 z m -0.03307,0.26459 h 0.06615 c 0.273786,0 0.496094,0.23601 0.496094,0.52916 v 33.07292 c 0,0.29316 -0.222308,0.52917 -0.496094,0.52917 h -0.06615 c -0.273785,0 -0.496093,-0.23601 -0.496093,-0.52917 v -33.07292 c 0,-0.29315 0.222308,-0.52916 0.496093,-0.52916 z"
+       style="display:inline;fill:url(#linearGradient18830);fill-opacity:1;stroke:none;stroke-width:0.264583" />
+    <rect
+       transform="rotate(90)"
+       style="display:inline;fill:#000000;fill-opacity:0.501961;stroke:none;stroke-width:0.263177"
+       id="rect18282"
+       width="33.769573"
+       height="1.0583333"
+       x="190.06532"
+       y="-26.987505"
+       rx="0.52355927"
+       ry="0.49419662" />
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,-146.31458,166.78199)"
+       id="g18284"
+       style="display:inline">
+      <g
+         id="g18286">
+        <rect
+           style="fill:#ffffff;fill-opacity:0.12549;stroke:none"
+           id="rect18288"
+           width="15"
+           height="1"
+           x="-675"
+           y="89"
+           rx="0"
+           ry="1"
+           transform="scale(-1,1)" />
+        <rect
+           ry="1"
+           rx="0"
+           y="88"
+           x="-675"
+           height="1"
+           width="15"
+           id="rect18290"