stroke params

_docs/003-003-stroke.md

@@ -1,22 +1,57 @@
 ---
-title: "Stroke Stitches"
+title: "Stroke Params"
 permalink: /docs/stitches/stroke/
 excerpt: ""
-last_modified_at: 2018-04-14
+last_modified_at: 2018-06-02
 toc: true
 ---
+![Stitch Types](/assets/images/docs/stitch-types.svg)
+{: style="position: absolute; clip: rect(0, 500px, 110px, 0);"}
 
-## Running Stitch
-Running stitch can be created by setting a dashed stroke on a path.  Any kind of dashes will do the job, and the stroke width is irrelevant.   ink/stitch will create stitches along the path using the stroke width you specify.
+Select a stroke and open `Extensions > Embroidery > Params`.
+{: style="margin-top: 140px; " }
 
-In order to avoid rounding corners, ash extra stitch will be added at the point of any sharp corners.
+![Params Stroke](/assets/images/docs/params-stroke.jpg)
 
-The **repeats** parameter says how many times time run down and back song the path.  An odd number of repeats means that the stitches will end at the end of the path, while an even number means that stitching will return to the start of the path.  The default is one repeat; that is, just traveling once from the start to the end of the path.
+Params|Description
+---|---
+Satin stitch along paths|Must be enabled for these settings to take effect.
+Manual stitch placement|Enable [Manual Stitch Mode](#manual-stich-mode)
+Repeats|◦ Defines how many times to run down and back along the path<br />◦ Default: 1 (traveling once from the start to the end of the path)<br />◦ Odd number: stitches will end at the end of the path<br />◦ Even number: stitching will return to the start of the path
+Running stitch length|Length of stitches in [Running Stitch Mode](#running-stitch-mode)
+Zig-Zag spacing (peak-to-peak)|◦ Length of stitches in [Zig-Zag Mode](#zig-zag-stitch-mode-previously-simple-satin)<br>◦ The Height is defined by the stroke width
+STOP after, TRIM after|[STOP after](/docs/params/#stop-after), [TRIM after](/docs/params/#trim-after)
 
-If an object consists of multiple paths, they will be stitched in order with a jump between each.
 
-## Zig-Zag Stitch
-Zig Zag
+**Info:** If an object consists of multiple paths, they will be stitched in order with a jump between each.
+{: .notice--info }
+
+## Running Stitch Mode
+
+[![Running Stitch Butterfly](/assets/images/docs/running-stitch.jpg){: width="200x"}](/assets/images/docs/running-stitch.svg){: title="Download SVG File" .align-left download="running-stitch.svg" }
+
+Running stitch can be created by setting a **dashed stroke** on a path. Any type of dashes will do the job, and the stroke width is irrelevant.
+
+Go to `Object > Fill and Stroke...` or hit `Shift+Ctrl+F` and choose one of the dashed lines in the `Stroke style` tab.
+
+**Info:** In order to avoid rounding corners, an extra stitch will be added at the point of any sharp corners.
+{: .notice--info }
+
+**Sample Files Including Running Stitch**
+{% include tutorial_list key="stitch-type" value="Running Stitch" %}
 
 ## Manual Stitch Mode
-Manual (#135)
+
+Enable `Manual stitch placement` to make use of the manual stitch mode. Line style or width are irrelevant. In manual stitch mode Ink/Stitch will use each node of a path as a needle penetration point, exactly as you placed them. Note: It will not add tie-in or tie-off stitches automatically, so be aware of creating them within the path.
+
+**Sample Files Including Manual Stitch**
+{% include tutorial_list key="stitch-type" value="Manual Stitch" %}
+
+## Zig-Zag Stitch Mode (previously Simple Satin)
+Zig-Zag stitches can be created by setting a **continuous line** (without dashes). Ink/Stitch will create stitches along the path using the stroke width you specified.
+
+Go to `Object > Fill and Stroke...` or hit `Shift+Ctrl+F` and set the desired stroke width in the `Stroke style` tab.
+
+**Info:** It is not recommended to use the Zig-Zag Stitch Mode to create a satin border, use [Satin Column]() instead.<br />
+Ink/Stitch will plot zig-zags to the left and right of the line from start to end, but it won’t do anything special around curves and corners. Sharper curves and corners will result in sparse stitching around the outside of the curve and dense stitching around the inside. This won’t look good and may even poke holes in the insides of corners.
+{: .notice--warning }

_tutorials/003-001-inkstitch-tutorials.md

@@ -7,6 +7,6 @@ read_time: false
 classes: wide
 ---
 {% comment %}This is the list of keys you can set to categorize tutorials, use slugified version in tutorial file: f.e. Tutorial Type would become tutorial-type{% endcomment %}
-{% assign tutorial_cats = 'Tutorial Type*Stitch Type*Techniques*Field Of Use*User Level' | split: '*' %}
+{% assign tutorial_cats = 'Tutorial Type*Stitch Type*Techniques*User Level' | split: '*' %}
 
 {% include display_tutorials tutorial_cats=tutorial_cats %}

assets/css/main.scss

@@ -83,6 +83,10 @@ p a:visited {
   color: #f74004;
 }
 
+table tr td:first-child {
+  width: 25%;
+}
+
 /* Table of Contents */
   .toc .nav__title {
     background: #808080;