From b1f1b25f6f1b40505af87bd6c7eaab918b9adda3 Mon Sep 17 00:00:00 2001
From: Sander <mail@sanderboer.nl>
Date: Sun, 29 Dec 2024 20:21:49 +0100
Subject: [PATCH] docs: added linear slider in docs

---
 .../docs/microflow-studio/nodes/potentiometer/page.md  |  5 +++++
 apps/nextjs-app/public/images/linear-slider.svg        | 10 ++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 apps/nextjs-app/public/images/linear-slider.svg

diff --git a/apps/nextjs-app/app/docs/microflow-studio/nodes/potentiometer/page.md b/apps/nextjs-app/app/docs/microflow-studio/nodes/potentiometer/page.md
index daf7325..4ac52bb 100644
--- a/apps/nextjs-app/app/docs/microflow-studio/nodes/potentiometer/page.md
+++ b/apps/nextjs-app/app/docs/microflow-studio/nodes/potentiometer/page.md
@@ -13,6 +13,11 @@ A potentiometer can, for example, be used to control the brightness of an LED, t
 
 {% iframe src="https://www.tinkercad.com/embed/bCbhLt2jFXh" /%}
 
+## 2 channel sliding potentiometer
+Some sliding potentiometers have two channels. This means that the potentiometer has two separate resistive tracks. This can be useful when you want to control two separate devices with one potentiometer.
+
+![2 channel linear slider](/images/linear-slider.svg)
+
 ## Resources
 
 - [Johnny-Five](https://johnny-five.io/api/sensor/)
diff --git a/apps/nextjs-app/public/images/linear-slider.svg b/apps/nextjs-app/public/images/linear-slider.svg
new file mode 100644
index 0000000..6b3c958
--- /dev/null
+++ b/apps/nextjs-app/public/images/linear-slider.svg
@@ -0,0 +1,10 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 957.218689904832 208.10430309204185" width="1914.437379809664" height="416.2086061840837" filter="invert(93%) hue-rotate(180deg)">
+  <!-- svg-source:excalidraw -->
+  
+  <defs>
+    <style class="style-fonts">
+      @font-face { font-family: Excalifont; src: url(data:font/woff2;base64,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); }
+    </style>
+    
+  </defs>
+  <g stroke-linecap="round" transform="translate(167.61025915318817 114.25030487119875) rotate(0 333.0213133640553 40.22762548452829)"><path d="M20.11 0 C166.62 1.88, 308.71 -0.11, 645.93 0 C664.66 -0.08, 670.36 9.05, 666.04 20.11 C666.7 30.98, 662.12 55.1, 666.04 60.34 C671.15 74.8, 660.95 83.59, 645.93 80.46 C400.54 81.07, 153.83 80.12, 20.11 80.46 C10.12 77.12, 3.65 70.36, 0 60.34 C3.94 46.84, -1.38 36.48, 0 20.11 C3.27 11.66, 2.29 -2.41, 20.11 0" stroke="none" stroke-width="0" fill="#b2f2bb"></path><path d="M20.11 0 C153.69 -0.2, 289.6 -0.38, 645.93 0 M20.11 0 C239.56 -1.76, 458.66 -1.07, 645.93 0 M645.93 0 C658.87 2.24, 669.15 7.93, 666.04 20.11 M645.93 0 C655.29 1.51, 668.86 3.43, 666.04 20.11 M666.04 20.11 C668.39 32.4, 667.7 50.95, 666.04 60.34 M666.04 20.11 C664.49 31.51, 667.86 44.83, 666.04 60.34 M666.04 60.34 C669.94 72.99, 660.5 81.26, 645.93 80.46 M666.04 60.34 C667.73 70.17, 660.9 84.22, 645.93 80.46 M645.93 80.46 C397.54 85.33, 149.82 85.6, 20.11 80.46 M645.93 80.46 C407.92 83.86, 170.93 83.6, 20.11 80.46 M20.11 80.46 C7.85 83.44, -1.15 77.53, 0 60.34 M20.11 80.46 C8.69 79.56, -1.32 77.75, 0 60.34 M0 60.34 C3.76 45.88, 2.76 34.22, 0 20.11 M0 60.34 C-1.88 49.75, 1.06 38.73, 0 20.11 M0 20.11 C-2.58 6.69, 6.29 3.23, 20.11 0 M0 20.11 C-4.3 4.07, 11 -3.19, 20.11 0" stroke="#2f9e44" stroke-width="4" fill="none"></path></g><g stroke-linecap="round"><g transform="translate(836.9688817279446 186.81247579650972) rotate(0 32.807822297357006 0)"><path d="M-0.55 -1.71 C10.13 -1.31, 53.43 0.41, 63.99 0.55 M-4.3 3.54 C7.32 3.19, 57.44 -3.87, 69.51 -4.16" stroke="#868e96" stroke-width="4" fill="none"></path></g></g><mask></mask><g stroke-linecap="round"><g transform="translate(837.2268936559876 154.3006835203505) rotate(0 32.807822297357006 0)"><path d="M-1.62 0.55 C8.94 0.69, 51.25 -0.72, 62.82 -0.85 M2.69 -1.62 C14.12 -0.92, 56.95 1.59, 67.71 2.32" stroke="#343a40" stroke-width="4" fill="none"></path></g></g><mask></mask><g stroke-linecap="round"><g transform="translate(96.78541985219829 186.81247579650972) rotate(0 32.807822297357006 0)"><path d="M0.35 2.52 C11.31 2.09, 57.33 -0.97, 68.14 -1.76 M-2.9 1.42 C7.7 1.24, 56.26 1.2, 67.27 0.91" stroke="#868e96" stroke-width="4" fill="none"></path></g></g><mask></mask><g stroke-linecap="round"><g transform="translate(96.43473411772936 164.9674086909772) rotate(0 32.807822297357006 0)"><path d="M2.52 -1.76 C13.33 -2.56, 54.79 -2.6, 65.19 -2.25 M0.45 3.45 C10.81 4.15, 52.34 0.13, 62.72 0.16" stroke="#868e96" stroke-width="4" fill="none"></path></g></g><mask></mask><g stroke-linecap="round"><g transform="translate(96.91852684630328 141.13895780420353) rotate(0 32.807822297357006 0)"><path d="M0.2 2.65 C10.85 3.15, 52.76 0.95, 63.74 0.8 M-3.14 1.62 C8.43 1.43, 57.84 -3.03, 69.13 -3.78" stroke="#343a40" stroke-width="4" fill="none"></path></g></g><mask></mask><g stroke-linecap="round"><g transform="translate(97.35952282031599 119.12945871983447) rotate(0 32.807822297357006 0)"><path d="M1.7 -0.09 C12.59 0.14, 56.14 1.86, 67.09 1.97 M-0.83 -2.61 C9.66 -3.21, 54.42 -3.07, 65.65 -1.97" stroke="#343a40" stroke-width="4" fill="none"></path></g></g><mask></mask><g transform="translate(912.1466989380351 176.0229955055447) rotate(0 17.535995483398438 10)"><text x="17.535995483398438" y="14.096" font-family="Excalifont, Xiaolai, Segoe UI Emoji" font-size="16px" fill="#868e96" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="alphabetic">GND</text></g><g transform="translate(62.39996284246445 134.24678737026534) rotate(0 9.38399264216423 10)"><text x="9.38399264216423" y="14.096" font-family="Excalifont, Xiaolai, Segoe UI Emoji" font-size="16px" fill="#343a40" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="alphabetic">5v</text></g><g transform="translate(912.1466989380351 145.96713541721783) rotate(0 17.535995483398438 10)"><text x="17.535995483398438" y="14.096" font-family="Excalifont, Xiaolai, Segoe UI Emoji" font-size="16px" fill="#343a40" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="alphabetic">GND</text></g><g transform="translate(62.39996284246445 178.10430309204185) rotate(0 9.38399264216423 10)"><text x="9.38399264216423" y="14.096" font-family="Excalifont, Xiaolai, Segoe UI Emoji" font-size="16px" fill="#868e96" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="alphabetic">5v</text></g><g transform="translate(14.51201856136322 156.0017412663783) rotate(0 33.327964782714844 10)"><text x="33.327964782714844" y="14.096" font-family="Excalifont, Xiaolai, Segoe UI Emoji" font-size="16px" fill="#868e96" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="alphabetic">output 1</text></g><g transform="translate(10 107.10096473618705) rotate(0 35.583974063396454 10)"><text x="35.583974063396454" y="14.096" font-family="Excalifont, Xiaolai, Segoe UI Emoji" font-size="16px" fill="#343a40" text-anchor="middle" style="white-space: pre;" direction="ltr" dominant-baseline="alphabetic">output 2</text></g><g stroke-linecap="round" transform="translate(192.9110230277538 131.88412346040968) rotate(0 310.39896793278547 22.792106683273687)"><path d="M11.4 0 C209.49 6.2, 408.41 4.13, 609.4 0 C618.08 1.98, 619.14 0.22, 620.8 11.4 C619.18 16.29, 619.36 24.67, 620.8 34.19 C617.25 39.88, 611.86 40.45, 609.4 45.58 C457.27 49.7, 303.66 49.94, 11.4 45.58 C0.86 50.79, -0.7 46.48, 0 34.19 C-0.54 31.5, 3.99 19.72, 0 11.4 C-2.27 2.87, 9.29 1.37, 11.4 0" stroke="none" stroke-width="0" fill="#e9ecef"></path><path d="M11.4 0 C239.09 -4.23, 467.6 -5.25, 609.4 0 M11.4 0 C148.14 2.33, 284.11 1.88, 609.4 0 M609.4 0 C620.68 2.35, 624.3 5.45, 620.8 11.4 M609.4 0 C618.21 1.58, 617.36 5.76, 620.8 11.4 M620.8 11.4 C618.26 21.2, 617.37 29.26, 620.8 34.19 M620.8 11.4 C620.83 15.72, 621.55 20.14, 620.8 34.19 M620.8 34.19 C618.61 42.61, 613.43 47.4, 609.4 45.58 M620.8 34.19 C619.12 44.39, 616.07 44.52, 609.4 45.58 M609.4 45.58 C441.34 48.01, 271.01 48.02, 11.4 45.58 M609.4 45.58 C407.39 47.36, 204.74 47.22, 11.4 45.58 M11.4 45.58 C1.68 42.8, 0.4 45.02, 0 34.19 M11.4 45.58 C-0.09 47.48, 1.42 38.17, 0 34.19 M0 34.19 C-1.03 28.62, 3.97 25.31, 0 11.4 M0 34.19 C-1.91 24.77, 1.3 15.51, 0 11.4 M0 11.4 C3.54 7.01, 4.66 -2.11, 11.4 0 M0 11.4 C-4.22 6.18, 5.5 -1.86, 11.4 0" stroke="#ffffff" stroke-width="4" fill="none"></path></g><g stroke-linecap="round" transform="translate(284.47979977498096 10) rotate(0 13.919895902730616 75.31665987796441)"><path d="M6.96 0 C11 -3.52, 15.47 0.46, 20.88 0 C21.86 5.39, 28.97 3.81, 27.84 6.96 C29.79 40.99, 28.07 76.17, 27.84 143.67 C30.86 149.37, 22.61 155.05, 20.88 150.63 C18.42 152.07, 9.1 150.38, 6.96 150.63 C-1.52 147.08, -5.21 152.3, 0 143.67 C6.85 112.5, 0.71 72.72, 0 6.96 C-4.73 6.33, 2.88 -2.3, 6.96 0" stroke="none" stroke-width="0" fill="#868e96"></path><path d="M6.96 0 C12.24 -1.2, 16.38 -0.32, 20.88 0 M6.96 0 C11.55 -0.5, 17.71 -1.48, 20.88 0 M20.88 0 C28.8 -2.58, 30.59 0.58, 27.84 6.96 M20.88 0 C24.54 4.11, 26.39 1.86, 27.84 6.96 M27.84 6.96 C27.66 47.06, 29.37 90.76, 27.84 143.67 M27.84 6.96 C29.15 51.16, 28.48 99.08, 27.84 143.67 M27.84 143.67 C30.31 145.2, 22.78 154.15, 20.88 150.63 M27.84 143.67 C30.18 145.13, 28.73 154.53, 20.88 150.63 M20.88 150.63 C17.71 148.53, 11 149.56, 6.96 150.63 M20.88 150.63 C15.52 149.63, 12.1 150.04, 6.96 150.63 M6.96 150.63 C2.49 148.4, -3.05 146.2, 0 143.67 M6.96 150.63 C1.97 146.52, 1.01 151.88, 0 143.67 M0 143.67 C0.15 96.19, 0.92 50.94, 0 6.96 M0 143.67 C0.14 91.52, -0.04 41.92, 0 6.96 M0 6.96 C-0.17 4.54, 2.91 0.13, 6.96 0 M0 6.96 C0.5 4.88, 3.59 4.46, 6.96 0" stroke="#ced4da" stroke-width="4" fill="none"></path></g></svg>
\ No newline at end of file