Update pen.md for better description and a how 2 highlighter (#987)

* Update pen.md for better description and a how 2 highlighter

* Add video to pen.md

A video is worth a thousand image.

* Update docs/src/content/docs/docs/v2/tools/pen.md

fix some stuff suggested by the so called copilot

Co-authored-by: Copilot <[email protected]>

* Update docs/src/content/docs/docs/v2/tools/pen.md

fix some stuff suggested by the so called copilot

Co-authored-by: Copilot <[email protected]>

* Update docs/src/content/docs/docs/v2/tools/pen.md

fix some stuff suggested by the so called copilot

Co-authored-by: Copilot <[email protected]>

* Add files via upload

Sus video

* Make sure we are independent (read desc)

To make sure that Butterfly isnt doomed when github shuts down, I have uploaded the video to this repo instead!

If the Github domain ever stops working, Butterfly isnt doomed, unless it is April fools.

* Update pen.md

* Correct pen.md with Codi's suggestion 

use strong instead of heading.
makse sure there is spacing for headlines

* Delete docs/src/assets/img/How2Highlighter.mp4

This file will be re-uploaded to the folder called "public"
because images are in assets. other than that should be in public

* Create test.txt

Will be deleted. This was made to trigger the creation of a dir. I think

* Added the video called: How2Highlighter.mp4

* Delete docs/public/vid/test.txt

* Update pen.md

* Update docs/src/content/docs/docs/v2/tools/pen.md

Co-authored-by: Copilot <[email protected]>

* Update docs/src/content/docs/docs/v2/tools/pen.md

Co-authored-by: Copilot <[email protected]>

* Improve formatting of pen docs

---------

Co-authored-by: Copilot <[email protected]>
Co-authored-by: CodeDoctorDE <[email protected]>

Author: 3 people

docs/public/vid/How2Highlighter.mp4

@@ -3,7 +3,52 @@ title: Pen tool
 ---
 
 
-With this tool you can draw on this paper.
+With this tool you can draw strokes on the infinite canvas!
+
+Strokes are the lines that you draw using the pen.
+
+This tool has many properties, as you can make a highlighter using the pen tool!
+
+## How to ~~Pen~~ Highlighter
+
+The pen tool can be used as a highlighter if you want!
+
+### Follow these steps or the video below
+
+First, add a new pen tool into the toolbar
+
+1. Press the + button in the toolbar!
+2. Add a pen
+3. Hold the new pen icon to move it
+   - Note: when moving any tool, make sure to modify the settings in the behaviors tab to make sure the correct tool is activated for each input
+
+Then, modify the new pen
+
+1. Open the properties panel of the new pen by pressing it again
+2. Rename the pen by double tapping the tool's name.
+3. After renaming the pen to highlighter, change the icon to match the highlighter look by pressing the icon
+
+Finally, after modifying the tool's appearance. It's time to modify the properties!
+
+1. Change the stroke width to a big number, for example, 50.
+   Highlighters have big strokes after all
+2. Set thinning to 0.  
+    Highlighters don't have variable stroke width.
+3. Also set the smoothing to 0.  
+   Smoothing is soomething that highlighters never make.
+4. Set the streamline to MAX (1)  
+   to make the highlighter's strokes look more like lines :]
+5. Change the alpha to 50 or similar,  
+   this makes sure the strokes under the highlighting are visible.
+
+### This video demonstrates how to apply the guide above
+
+<video controls width="600">
+  <source src="/vid/How2Highlighter.mp4" type="video/mp4" />
+  Your browser does not support the video tag.
+</video>
+
+**Congratulations, you now have a highlighter!**
 
 ## Configuration