diff --git a/_overrides/api.html b/_overrides/api.html index 86eafe943..6aa5a9ac3 100644 --- a/_overrides/api.html +++ b/_overrides/api.html @@ -89,7 +89,7 @@ } .n8n-api-warning { - background-color: #FDF6EC; + background-color: var(--color-background-light); font-size: 1.5em; padding: 0.25em; text-align: center; diff --git a/_snippets/data/how-to-pin-data.md b/_snippets/data/how-to-pin-data.md index 824233a12..249d99598 100644 --- a/_snippets/data/how-to-pin-data.md +++ b/_snippets/data/how-to-pin-data.md @@ -1,7 +1,7 @@ To pin data in a node: 1. Run the node to load data. -2. In the **OUTPUT** view, select **Pin data** ![Pin data icon](/_images/data/data-pinning/data-pinning-button.png){.off-glb}. When data pinning is active, the button is disabled and a "This data is pinned" banner is displayed in the **OUTPUT** view. +2. In the **OUTPUT** view, select **Pin data** ![Pin data icon](/_images/data/data-pinning/data-pinning-button.png){.off-glb}. When data pinning is active, the button is disabled and a "This data is pinned" banner is displayed in the **OUTPUT** view. /// note | Nodes that output binary data You can't pin data if the output data includes binary data. diff --git a/_snippets/examples-color-key.md b/_snippets/examples-color-key.md index ee7b08712..e51484a11 100644 --- a/_snippets/examples-color-key.md +++ b/_snippets/examples-color-key.md @@ -2,7 +2,7 @@ To load the template into your n8n instance: 1. Download the workflow JSON file. 1. Open a new workflow in your n8n instance. -1. Copy in the JSON, or select **Workflow menu** ![Workflow menu icon](/_images/common-icons/three-dots-horizontal.png){.off-glb} > **Import from file...**. +1. Copy in the JSON, or select **Workflow menu** ![Workflow menu icon](/_images/common-icons/three-dots-horizontal.png){.off-glb} > **Import from file...**. The example workflows use Sticky Notes to guide you: diff --git a/_snippets/flow-logic/create-set-error-workflow.md b/_snippets/flow-logic/create-set-error-workflow.md index 9883a9997..c830ec163 100644 --- a/_snippets/flow-logic/create-set-error-workflow.md +++ b/_snippets/flow-logic/create-set-error-workflow.md @@ -2,7 +2,7 @@ 2. Give the workflow a name, for example `Error Handler`. 3. Select **Save**. 4. In the workflow where you want to use this error workflow: - 1. Select **Options** ![Options menu icon](/_images/common-icons/three-dot-options-menu.png){.off-glb} > **Settings**. + 1. Select **Options** ![Options menu icon](/_images/common-icons/three-dot-options-menu.png){.off-glb} > **Settings**. 2. In **Error workflow**, select the workflow you just created. For example, if you used the name Error Handler, select **Error handler**. 3. Select **Save**. Now, when this workflow errors, the related error workflow runs. diff --git a/_snippets/flow-logic/subworkflow-usage.md b/_snippets/flow-logic/subworkflow-usage.md index d41943476..191cce12c 100644 --- a/_snippets/flow-logic/subworkflow-usage.md +++ b/_snippets/flow-logic/subworkflow-usage.md @@ -10,7 +10,7 @@ /// 1. **Optional**: configure which workflows can call the sub-workflow: - 1. Select the **Options** ![Options menu](/_images/common-icons/three-dot-options-menu.png){.off-glb} menu > **Settings**. n8n opens the **Workflow settings** modal. + 1. Select the **Options** ![Options menu](/_images/common-icons/three-dot-options-menu.png){.off-glb} menu > **Settings**. n8n opens the **Workflow settings** modal. 1. Change the **This workflow can be called by** setting. Refer to [Workflow settings](/workflows/settings.md) for more information on configuring your workflows. 1. Add the **Execute Sub-workflow** trigger node (if you are searching under trigger nodes, this is also titled **When Executed by Another Workflow**). 1. Set the **Input data mode** to choose how you will define the sub-workflow's input data: diff --git a/_snippets/integrations/builtin/node-operations.md b/_snippets/integrations/builtin/node-operations.md index 1dfff20fa..0f20929d6 100644 --- a/_snippets/integrations/builtin/node-operations.md +++ b/_snippets/integrations/builtin/node-operations.md @@ -4,5 +4,5 @@ When you add a node to a workflow, n8n displays a list of available operations. There are two types of operation: -* Triggers start a workflow in response to specific events or conditions in your services. When you select a Trigger, n8n adds a trigger node to your workflow, with the Trigger operation you chose pre-selected. When you search for a node in n8n, Trigger operations have a bolt icon ![Trigger icon](/_images/common-icons/trigger.png){.off-glb}. +* Triggers start a workflow in response to specific events or conditions in your services. When you select a Trigger, n8n adds a trigger node to your workflow, with the Trigger operation you chose pre-selected. When you search for a node in n8n, Trigger operations have a bolt icon ![Trigger icon](/_images/common-icons/trigger.png){.off-glb}. * Actions are operations that represent specific tasks within a workflow, which you can use to manipulate data, perform operations on external systems, and trigger events in other systems as part of your workflows. When you select an Action, n8n adds a node to your workflow, with the Action operation you chose pre-selected. diff --git a/_snippets/source-control-environments/push.md b/_snippets/source-control-environments/push.md index 1cb33a096..e4cbb9666 100644 --- a/_snippets/source-control-environments/push.md +++ b/_snippets/source-control-environments/push.md @@ -1,6 +1,6 @@ To push work to Git: -1. Select **Push** ![Push icon](/_images/source-control-environments/push-icon.png){.off-glb} in the main menu. +1. Select **Push** ![Push icon](/_images/source-control-environments/push-icon.png){.off-glb} in the main menu. --8<-- "_snippets/source-control-environments/push-pull-menu-state.md" diff --git a/_snippets/try-it-out/new-workflow.md b/_snippets/try-it-out/new-workflow.md index c8ec478e4..4382574f2 100644 --- a/_snippets/try-it-out/new-workflow.md +++ b/_snippets/try-it-out/new-workflow.md @@ -1,4 +1,4 @@ When you open n8n, you'll see either: * An empty workflow: if you have no workflows and you're logging in for the first time. Use this workflow. -* The **Workflows** list on the **Overview** page. Select the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **button** to create a new workflow. +* The **Workflows** list on the **Overview** page. Select the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **button** to create a new workflow. diff --git a/docs-site-feature-tests/index.md b/docs-site-feature-tests/index.md index a34dfb379..bfe6a9a8c 100644 --- a/docs-site-feature-tests/index.md +++ b/docs-site-feature-tests/index.md @@ -39,7 +39,7 @@ This is some danger box contents. ### Inline images -Inline images like this should **not** expand on click: ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} +Inline images like this should **not** expand on click: ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} If it expands on click, first check that the `off-glb` class has been applied. Refer to [MkDocs GLightbox | Disable by image](https://blueswen.github.io/mkdocs-glightbox/disable/image/) for more information. diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/generator_config.txt b/docs/_extra/css/Geomanist-Regular-Webfont/generator_config.txt new file mode 100644 index 000000000..ae3c3b1ea --- /dev/null +++ b/docs/_extra/css/Geomanist-Regular-Webfont/generator_config.txt @@ -0,0 +1,5 @@ +# Font Squirrel Font-face Generator Configuration File +# Upload this file to the generator to recreate the settings +# you used to create these fonts. + +{"mode":"expert","formats":["ttf","woff","woff2","eotz","svg"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","webonly":"Y","options_subset":"none","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0","rememberme":"Y"} \ No newline at end of file diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-demo.html b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-demo.html new file mode 100644 index 000000000..0718a8f02 --- /dev/null +++ b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-demo.html @@ -0,0 +1,761 @@ + + + + + + + + + + + + + Geomanist Regular Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyGeomanist Regular +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Geomanist Regular in this kit supports the following languages:
+ + Afrikaans, Albanian, Basque, Belarusian_lacinka, Bosnian, Breton, Catalan, Chamorro, Chichewa_nyanja, Croatian, Czech, Danish, Dutch, English, Esperanto, Estonian, Faroese, Finnish, French, Frisian, Galician, German, Hungarian, Icelandic, Italian, Latvian, Lithuanian, Malagasy, Maltese, Norwegian, Polish, Portuguese, Romanian, Serbian, Slovak, Slovenian, Spanish, Swedish, Turkish, Welsh

+

Glyph Chart

+

The subset of Geomanist Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#165;

¥
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#256;

Ā
+

&#257;

ā
+

&#258;

Ă
+

&#259;

ă
+

&#260;

Ą
+

&#261;

ą
+

&#262;

Ć
+

&#263;

ć
+

&#264;

Ĉ
+

&#265;

ĉ
+

&#266;

Ċ
+

&#267;

ċ
+

&#268;

Č
+

&#269;

č
+

&#270;

Ď
+

&#271;

ď
+

&#272;

Đ
+

&#273;

đ
+

&#274;

Ē
+

&#275;

ē
+

&#276;

Ĕ
+

&#277;

ĕ
+

&#278;

Ė
+

&#279;

ė
+

&#280;

Ę
+

&#281;

ę
+

&#282;

Ě
+

&#283;

ě
+

&#284;

Ĝ
+

&#285;

ĝ
+

&#286;

Ğ
+

&#287;

ğ
+

&#288;

Ġ
+

&#289;

ġ
+

&#290;

Ģ
+

&#291;

ģ
+

&#292;

Ĥ
+

&#293;

ĥ
+

&#294;

Ħ
+

&#295;

ħ
+

&#296;

Ĩ
+

&#297;

ĩ
+

&#298;

Ī
+

&#299;

ī
+

&#300;

Ĭ
+

&#301;

ĭ
+

&#302;

Į
+

&#303;

į
+

&#304;

İ
+

&#305;

ı
+

&#306;

IJ
+

&#307;

ij
+

&#308;

Ĵ
+

&#309;

ĵ
+

&#310;

Ķ
+

&#311;

ķ
+

&#312;

ĸ
+

&#313;

Ĺ
+

&#314;

ĺ
+

&#315;

Ļ
+

&#316;

ļ
+

&#317;

Ľ
+

&#318;

ľ
+

&#319;

Ŀ
+

&#320;

ŀ
+

&#321;

Ł
+

&#322;

ł
+

&#323;

Ń
+

&#324;

ń
+

&#325;

Ņ
+

&#326;

ņ
+

&#327;

Ň
+

&#328;

ň
+

&#329;

ʼn
+

&#330;

Ŋ
+

&#331;

ŋ
+

&#332;

Ō
+

&#333;

ō
+

&#334;

Ŏ
+

&#335;

ŏ
+

&#336;

Ő
+

&#337;

ő
+

&#338;

Œ
+

&#339;

œ
+

&#340;

Ŕ
+

&#341;

ŕ
+

&#342;

Ŗ
+

&#343;

ŗ
+

&#344;

Ř
+

&#345;

ř
+

&#346;

Ś
+

&#347;

ś
+

&#348;

Ŝ
+

&#349;

ŝ
+

&#350;

Ş
+

&#351;

ş
+

&#352;

Š
+

&#353;

š
+

&#354;

Ţ
+

&#355;

ţ
+

&#356;

Ť
+

&#357;

ť
+

&#358;

Ŧ
+

&#359;

ŧ
+

&#360;

Ũ
+

&#361;

ũ
+

&#362;

Ū
+

&#363;

ū
+

&#364;

Ŭ
+

&#365;

ŭ
+

&#366;

Ů
+

&#367;

ů
+

&#368;

Ű
+

&#369;

ű
+

&#370;

Ų
+

&#371;

ų
+

&#372;

Ŵ
+

&#373;

ŵ
+

&#374;

Ŷ
+

&#375;

ŷ
+

&#376;

Ÿ
+

&#377;

Ź
+

&#378;

ź
+

&#379;

Ż
+

&#380;

ż
+

&#381;

Ž
+

&#382;

ž
+

&#402;

ƒ
+

&#506;

Ǻ
+

&#507;

ǻ
+

&#508;

Ǽ
+

&#509;

ǽ
+

&#510;

Ǿ
+

&#511;

ǿ
+

&#536;

Ș
+

&#537;

ș
+

&#538;

Ț
+

&#539;

ț
+

&#567;

ȷ
+

&#710;

ˆ
+

&#711;

ˇ
+

&#728;

˘
+

&#729;

˙
+

&#730;

˚
+

&#731;

˛
+

&#732;

˜
+

&#733;

˝
+

&#7808;

Ẁ
+

&#7809;

ẁ
+

&#7810;

Ẃ
+

&#7811;

ẃ
+

&#7812;

Ẅ
+

&#7813;

ẅ
+

&#7922;

Ỳ
+

&#7923;

ỳ
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8224;

†
+

&#8225;

‡
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8240;

‰
+

&#8249;

‹
+

&#8250;

›
+

&#8260;

⁄
+

&#8287;

 
+

&#8364;

€
+

&#8470;

№
+

&#8482;

™
+

&#8722;

−
+

&#9724;

◼
+

&#63171;

+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.eot b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.eot new file mode 100644 index 000000000..74741c28a Binary files /dev/null and b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.eot differ diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.svg b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.svg new file mode 100644 index 000000000..e47fbafb1 --- /dev/null +++ b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.svg @@ -0,0 +1,1969 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.ttf b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.ttf new file mode 100644 index 000000000..7579a45e8 Binary files /dev/null and b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.ttf differ diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.woff b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.woff new file mode 100644 index 000000000..4517af2f2 Binary files /dev/null and b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.woff differ diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.woff2 b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.woff2 new file mode 100644 index 000000000..12eee8580 Binary files /dev/null and b/docs/_extra/css/Geomanist-Regular-Webfont/geomanist-regular-webfont.woff2 differ diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/specimen_files/grid_12-825-55-15.css b/docs/_extra/css/Geomanist-Regular-Webfont/specimen_files/grid_12-825-55-15.css new file mode 100644 index 000000000..3d6aef783 --- /dev/null +++ b/docs/_extra/css/Geomanist-Regular-Webfont/specimen_files/grid_12-825-55-15.css @@ -0,0 +1,129 @@ +/*Notes about grid: +Columns: 12 +Grid Width: 825px +Column Width: 55px +Gutter Width: 15px +-------------------------------*/ + + + +.section {margin-bottom: 18px; +} +.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} +.section {*zoom: 1;} + +.section .firstcolumn, +.section .firstcol {margin-left: 0;} + + +/* Border on left hand side of a column. */ +.border { + padding-left: 7px; + margin-left: 7px; + border-left: 1px solid #eee; +} + +/* Border with more whitespace, spans one column. */ +.colborder { + padding-left: 42px; + margin-left: 42px; + border-left: 1px solid #eee; +} + + + +/* The Grid Classes */ +.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12 +{margin-left: 15px;float: left;display: inline; overflow: hidden;} + + +.width1, .grid1, .span-1 {width: 55px;} +.width1_2cols,.grid1_2cols {width: 20px;} +.width1_3cols,.grid1_3cols {width: 8px;} +.width1_4cols,.grid1_4cols {width: 2px;} +.input_width1 {width: 49px;} + +.width2, .grid2, .span-2 {width: 125px;} +.width2_3cols,.grid2_3cols {width: 31px;} +.width2_4cols,.grid2_4cols {width: 20px;} +.input_width2 {width: 119px;} + +.width3, .grid3, .span-3 {width: 195px;} +.width3_2cols,.grid3_2cols {width: 90px;} +.width3_4cols,.grid3_4cols {width: 37px;} +.input_width3 {width: 189px;} + +.width4, .grid4, .span-4 {width: 265px;} +.width4_3cols,.grid4_3cols {width: 78px;} +.input_width4 {width: 259px;} + +.width5, .grid5, .span-5 {width: 335px;} +.width5_2cols,.grid5_2cols {width: 160px;} +.width5_3cols,.grid5_3cols {width: 101px;} +.width5_4cols,.grid5_4cols {width: 72px;} +.input_width5 {width: 329px;} + +.width6, .grid6, .span-6 {width: 405px;} +.width6_4cols,.grid6_4cols {width: 90px;} +.input_width6 {width: 399px;} + +.width7, .grid7, .span-7 {width: 475px;} +.width7_2cols,.grid7_2cols {width: 230px;} +.width7_3cols,.grid7_3cols {width: 148px;} +.width7_4cols,.grid7_4cols {width: 107px;} +.input_width7 {width: 469px;} + +.width8, .grid8, .span-8 {width: 545px;} +.width8_3cols,.grid8_3cols {width: 171px;} +.input_width8 {width: 539px;} + +.width9, .grid9, .span-9 {width: 615px;} +.width9_2cols,.grid9_2cols {width: 300px;} +.width9_4cols,.grid9_4cols {width: 142px;} +.input_width9 {width: 609px;} + +.width10, .grid10, .span-10 {width: 685px;} +.width10_3cols,.grid10_3cols {width: 218px;} +.width10_4cols,.grid10_4cols {width: 160px;} +.input_width10 {width: 679px;} + +.width11, .grid11, .span-11 {width: 755px;} +.width11_2cols,.grid11_2cols {width: 370px;} +.width11_3cols,.grid11_3cols {width: 241px;} +.width11_4cols,.grid11_4cols {width: 177px;} +.input_width11 {width: 749px;} + +.width12, .grid12, .span-12 {width: 825px;} +.input_width12 {width: 819px;} + +/* Subdivided grid spaces */ +.emptycols_left1, .prepend-1 {padding-left: 70px;} +.emptycols_right1, .append-1 {padding-right: 70px;} +.emptycols_left2, .prepend-2 {padding-left: 140px;} +.emptycols_right2, .append-2 {padding-right: 140px;} +.emptycols_left3, .prepend-3 {padding-left: 210px;} +.emptycols_right3, .append-3 {padding-right: 210px;} +.emptycols_left4, .prepend-4 {padding-left: 280px;} +.emptycols_right4, .append-4 {padding-right: 280px;} +.emptycols_left5, .prepend-5 {padding-left: 350px;} +.emptycols_right5, .append-5 {padding-right: 350px;} +.emptycols_left6, .prepend-6 {padding-left: 420px;} +.emptycols_right6, .append-6 {padding-right: 420px;} +.emptycols_left7, .prepend-7 {padding-left: 490px;} +.emptycols_right7, .append-7 {padding-right: 490px;} +.emptycols_left8, .prepend-8 {padding-left: 560px;} +.emptycols_right8, .append-8 {padding-right: 560px;} +.emptycols_left9, .prepend-9 {padding-left: 630px;} +.emptycols_right9, .append-9 {padding-right: 630px;} +.emptycols_left10, .prepend-10 {padding-left: 700px;} +.emptycols_right10, .append-10 {padding-right: 700px;} +.emptycols_left11, .prepend-11 {padding-left: 770px;} +.emptycols_right11, .append-11 {padding-right: 770px;} +.pull-1 {margin-left: -70px;} +.push-1 {margin-right: -70px;margin-left: 18px;float: right;} +.pull-2 {margin-left: -140px;} +.push-2 {margin-right: -140px;margin-left: 18px;float: right;} +.pull-3 {margin-left: -210px;} +.push-3 {margin-right: -210px;margin-left: 18px;float: right;} +.pull-4 {margin-left: -280px;} +.push-4 {margin-right: -280px;margin-left: 18px;float: right;} \ No newline at end of file diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/specimen_files/specimen_stylesheet.css b/docs/_extra/css/Geomanist-Regular-Webfont/specimen_files/specimen_stylesheet.css new file mode 100644 index 000000000..aecc43c32 --- /dev/null +++ b/docs/_extra/css/Geomanist-Regular-Webfont/specimen_files/specimen_stylesheet.css @@ -0,0 +1,396 @@ +@import url('grid_12-825-55-15.css'); + +/* + CSS Reset by Eric Meyer - Released under Public Domain + http://meyerweb.com/eric/tools/css/reset/ +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, table, +caption, tbody, tfoot, thead, tr, th, td + {margin: 0;padding: 0;border: 0;outline: 0; + font-size: 100%;vertical-align: baseline; + background: transparent;} +body {line-height: 1;} +ol, ul {list-style: none;} +blockquote, q {quotes: none;} +blockquote:before, blockquote:after, +q:before, q:after {content: ''; content: none;} +:focus {outline: 0;} +ins {text-decoration: none;} +del {text-decoration: line-through;} +table {border-collapse: collapse;border-spacing: 0;} + + + + +body { + color: #000; + background-color: #dcdcdc; +} + +a { + text-decoration: none; + color: #1883ba; +} + +h1{ + font-size: 32px; + font-weight: normal; + font-style: normal; + margin-bottom: 18px; +} + +h2{ + font-size: 18px; +} + +#container { + width: 865px; + margin: 0px auto; +} + + +#header { + padding: 20px; + font-size: 36px; + background-color: #000; + color: #fff; +} + +#header span { + color: #666; +} +#main_content { + background-color: #fff; + padding: 60px 20px 20px; +} + + +#footer p { + margin: 0; + padding-top: 10px; + padding-bottom: 50px; + color: #333; + font: 10px Arial, sans-serif; +} + +.tabs { + width: 100%; + height: 31px; + background-color: #444; +} +.tabs li { + float: left; + margin: 0; + overflow: hidden; + background-color: #444; +} +.tabs li a { + display: block; + color: #fff; + text-decoration: none; + font: bold 11px/11px 'Arial'; + text-transform: uppercase; + padding: 10px 15px; + border-right: 1px solid #fff; +} + +.tabs li a:hover { + background-color: #00b3ff; + +} + +.tabs li.active a { + color: #000; + background-color: #fff; +} + + + +div.huge { + + font-size: 300px; + line-height: 1em; + padding: 0; + letter-spacing: -.02em; + overflow: hidden; +} +div.glyph_range { + font-size: 72px; + line-height: 1.1em; +} + +.size10{ font-size: 10px; } +.size11{ font-size: 11px; } +.size12{ font-size: 12px; } +.size13{ font-size: 13px; } +.size14{ font-size: 14px; } +.size16{ font-size: 16px; } +.size18{ font-size: 18px; } +.size20{ font-size: 20px; } +.size24{ font-size: 24px; } +.size30{ font-size: 30px; } +.size36{ font-size: 36px; } +.size48{ font-size: 48px; } +.size60{ font-size: 60px; } +.size72{ font-size: 72px; } +.size90{ font-size: 90px; } + + +.psample_row1 { height: 120px;} +.psample_row1 { height: 120px;} +.psample_row2 { height: 160px;} +.psample_row3 { height: 160px;} +.psample_row4 { height: 160px;} + +.psample { + overflow: hidden; + position: relative; +} +.psample p { + line-height: 1.3em; + display: block; + overflow: hidden; + margin: 0; +} + +.psample span { + margin-right: .5em; +} + +.white_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==); + position: absolute; + bottom: 0; +} +.black_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC); + position: absolute; + bottom: 0; +} +.fullreverse { + background: #000 !important; + color: #fff !important; + margin-left: -20px; + padding-left: 20px; + margin-right: -20px; + padding-right: 20px; + padding: 20px; + margin-bottom:0; +} + + +.sample_table td { + padding-top: 3px; + padding-bottom:5px; + padding-left: 5px; + vertical-align: middle; + line-height: 1.2em; +} + +.sample_table td:first-child { + background-color: #eee; + text-align: right; + padding-right: 5px; + padding-left: 0; + padding: 5px; + font: 11px/12px "Courier New", Courier, mono; +} + +code { + white-space: pre; + background-color: #eee; + display: block; + padding: 10px; + margin-bottom: 18px; + overflow: auto; +} + + +.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;} + +.box { + padding: 18px; + margin-bottom: 18px; + background: #eee; +} + +.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;} + +#bodycomparison { + position: relative; + overflow: hidden; + font-size: 72px; + height: 90px; + white-space: nowrap; +} + +#bodycomparison div{ + font-size: 72px; + line-height: 90px; + display: inline; + margin: 0 15px 0 0; + padding: 0; +} + +#bodycomparison div span{ + font: 10px Arial; + position: absolute; + left: 0; +} +#xheight { + float: none; + position: absolute; + color: #d9f3ff; + font-size: 72px; + line-height: 90px; +} + +.fontbody { + position: relative; +} +.arialbody{ + font-family: Arial; + position: relative; +} +.verdanabody{ + font-family: Verdana; + position: relative; +} +.georgiabody{ + font-family: Georgia; + position: relative; +} + +/* @group Layout page + */ + +#layout h1 { + font-size: 36px; + line-height: 42px; + font-weight: normal; + font-style: normal; +} + +#layout h2 { + font-size: 24px; + line-height: 23px; + font-weight: normal; + font-style: normal; +} + +#layout h3 { + font-size: 22px; + line-height: 1.4em; + margin-top: 1em; + font-weight: normal; + font-style: normal; +} + + +#layout p.byline { + font-size: 12px; + margin-top: 18px; + line-height: 12px; + margin-bottom: 0; +} +#layout p { + font-size: 14px; + line-height: 21px; + margin-bottom: .5em; +} + +#layout p.large{ + font-size: 18px; + line-height: 26px; +} + +#layout .sidebar p{ + font-size: 12px; + line-height: 1.4em; +} + +#layout p.caption { + font-size: 10px; + margin-top: -16px; + margin-bottom: 18px; +} + +/* @end */ + +/* @group Glyphs */ + +#glyph_chart div{ + background-color: #d9f3ff; + color: black; + float: left; + font-size: 36px; + height: 1.2em; + line-height: 1.2em; + margin-bottom: 1px; + margin-right: 1px; + text-align: center; + width: 1.2em; + position: relative; + padding: .6em .2em .2em; +} + +#glyph_chart div p { + position: absolute; + left: 0; + top: 0; + display: block; + text-align: center; + font: bold 9px Arial, sans-serif; + background-color: #3a768f; + width: 100%; + color: #fff; + padding: 2px 0; +} + + +#glyphs h1 { + font-family: Arial, sans-serif; +} +/* @end */ + +/* @group Installing */ + +#installing { + font: 13px Arial, sans-serif; +} + +#installing p, +#glyphs p{ + line-height: 1.2em; + margin-bottom: 18px; + font: 13px Arial, sans-serif; +} + + + +#installing h3{ + font-size: 15px; + margin-top: 18px; +} + +/* @end */ + +#rendering h1 { + font-family: Arial, sans-serif; +} +.render_table td { + font: 11px "Courier New", Courier, mono; + vertical-align: middle; +} + + diff --git a/docs/_extra/css/Geomanist-Regular-Webfont/stylesheet.css b/docs/_extra/css/Geomanist-Regular-Webfont/stylesheet.css new file mode 100644 index 000000000..b6a1ab609 --- /dev/null +++ b/docs/_extra/css/Geomanist-Regular-Webfont/stylesheet.css @@ -0,0 +1,16 @@ +/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 7, 2016 */ + + + +@font-face { + font-family: 'geomanistregular'; + src: url('geomanist-regular-webfont.eot'); + src: url('geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('geomanist-regular-webfont.woff2') format('woff2'), + url('geomanist-regular-webfont.woff') format('woff'), + url('geomanist-regular-webfont.ttf') format('truetype'), + url('geomanist-regular-webfont.svg#geomanistregular') format('svg'); + font-weight: normal; + font-style: normal; + +} \ No newline at end of file diff --git a/docs/_extra/css/Moderat-Bold-Italic-Web/Moderat-Bold-Italic.woff b/docs/_extra/css/Moderat-Bold-Italic-Web/Moderat-Bold-Italic.woff deleted file mode 100644 index 2663ca935..000000000 Binary files a/docs/_extra/css/Moderat-Bold-Italic-Web/Moderat-Bold-Italic.woff and /dev/null differ diff --git a/docs/_extra/css/Moderat-Bold-Italic-Web/Moderat-Bold-Italic.woff2 b/docs/_extra/css/Moderat-Bold-Italic-Web/Moderat-Bold-Italic.woff2 deleted file mode 100644 index 5e8fcfb67..000000000 Binary files a/docs/_extra/css/Moderat-Bold-Italic-Web/Moderat-Bold-Italic.woff2 and /dev/null differ diff --git a/docs/_extra/css/Moderat-Bold-Web/Moderat-Bold.woff b/docs/_extra/css/Moderat-Bold-Web/Moderat-Bold.woff deleted file mode 100644 index 9f2ff5d6d..000000000 Binary files a/docs/_extra/css/Moderat-Bold-Web/Moderat-Bold.woff and /dev/null differ diff --git a/docs/_extra/css/Moderat-Bold-Web/Moderat-Bold.woff2 b/docs/_extra/css/Moderat-Bold-Web/Moderat-Bold.woff2 deleted file mode 100644 index bd99aae4b..000000000 Binary files a/docs/_extra/css/Moderat-Bold-Web/Moderat-Bold.woff2 and /dev/null differ diff --git a/docs/_extra/css/Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff b/docs/_extra/css/Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff deleted file mode 100644 index 6dcf07744..000000000 Binary files a/docs/_extra/css/Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff and /dev/null differ diff --git a/docs/_extra/css/Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff2 b/docs/_extra/css/Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff2 deleted file mode 100644 index 0689b3bfc..000000000 Binary files a/docs/_extra/css/Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff2 and /dev/null differ diff --git a/docs/_extra/css/Moderat-Regular-Web/Moderat-Regular.woff b/docs/_extra/css/Moderat-Regular-Web/Moderat-Regular.woff deleted file mode 100644 index 8f1e9ea78..000000000 Binary files a/docs/_extra/css/Moderat-Regular-Web/Moderat-Regular.woff and /dev/null differ diff --git a/docs/_extra/css/Moderat-Regular-Web/Moderat-Regular.woff2 b/docs/_extra/css/Moderat-Regular-Web/Moderat-Regular.woff2 deleted file mode 100644 index f5078ec89..000000000 Binary files a/docs/_extra/css/Moderat-Regular-Web/Moderat-Regular.woff2 and /dev/null differ diff --git a/docs/_extra/css/extra.css b/docs/_extra/css/extra.css index ab1b4619e..f7a3cc799 100644 --- a/docs/_extra/css/extra.css +++ b/docs/_extra/css/extra.css @@ -1,414 +1,262 @@ @font-face { - font-family: "Moderat-Regular-Web"; - src: url("./Moderat-Regular-Web/Moderat-Regular.woff"); - } - @font-face { - font-family: "Moderat-Regular-Web"; - src: url("./Moderat-Bold-Web/Moderat-Bold.woff"); - font-weight: bold; - } - @font-face { - font-family: "Moderat-Regular-Web"; - src: url("./Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff"); - font-style: italic; - } - - - :root { - --color-primary: hsl(170, 69%, 35%); - --color-primary-shade-1: hsl(170, 69%, 30%); - --color-primary-tint-1: hsl(170, 69%, 97%); - --color-feedback-negative: hsl(31, 100%, 58%); - --color-text-base: #58585F; - --color-text-dark: #555555; - --color-background-base: #f2f4f8; - --color-background-dark: #40425E; - --color-background-darker: hsl( 240, 4.2%, 14% ); - --color-background-light: #f2f4f8; - --color-foreground-base: #dbdfe7; - - - /* https://squidfunk.github.io/mkdocs-material/setup/changing-the-fonts/?h=font#additional-fonts */ - --md-text-font: "Moderat-Regular-Web"; - /* https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions */ - --md-admonition-icon--details: url('data:image/svg+xml;charset=utf-8,'); - } - - - - /* https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions */ - .md-typeset .admonition.details, - .md-typeset details.details { - border-color: var(--color-background-dark); - } - .md-typeset .details > .admonition-title, - .md-typeset .details > summary { - background-color: rgba(16,19,48, 0.1); - } - .md-typeset .details > .admonition-title::before, - .md-typeset .details> summary::before { - background-color: rgb(16,19,48); - -webkit-mask-image: var(--md-admonition-icon--details); - mask-image: var(--md-admonition-icon--details); - } - - - .md-typeset .admonition.explanation, - .md-typeset details.explanation { - border-color: var(--color-primary); - } - .md-typeset .explanation > .admonition-title, - .md-typeset .explanation > summary { - background-color: var(--color-background-light); - } - .md-typeset .explanation > .admonition-title::before, - .md-typeset .explanation > summary::before { - background-color: rgb(43, 155, 70); - -webkit-mask-image: var(--md-admonition-icon--info); - mask-image: var(--md-admonition-icon--info); - } - - - /* light mode */ - - [data-md-color-scheme="light"] { - --md-default-fg-color--light: var(--color-text-dark); - --md-typeset-color: var(--color-text-base); - --md-typeset-a-color: var(--color-primary); - --md-accent-fg-color: var(--color-primary-shade-1); - --md-footer-bg-color: var(--color-background-base); - --md-footer-fg-color: var(--color-text-base); - --md-footer-bg-color--dark: var(--color-background-dark); - --md-primary-bg-color: var(--color-text-dark); - --md-primary-fg-color: var(--color-background-dark); - } - - [data-md-color-scheme="light"] .md-tabs__link--active { - font-weight: 600; - } - - [data-md-color-scheme="light"] .md-header[data-md-state=shadow] { - box-shadow: none; - } - - [data-md-color-scheme="light"] .md-typeset h1, .md-typeset h2, .md-typeset h3 { - font-weight: 600; - } - - [data-md-color-scheme="light"] .md-header{ - box-shadow: none; - background-color: var(--color-background-dark); - color: white; - } - [data-md-color-scheme="light"] .md-tabs{ - background-color: var(--color-background-dark); - color: white; - } - - [data-md-color-scheme="light"] .md-search__input { - border: 1px solid var(--color-foreground-base); - background-color: white; - color: var(--color-text-dark); - } - - [data-md-color-scheme="light"] .md-search__input::placeholder { - color: var(--color-text-dark); - opacity: 1; - } - - .md-banner { - background-color: black; - color: var(--md-footer-fg-color--light); - } - - .md-footer { - border-top: 1px solid var(--color-background-dark); - } - - .md-typeset { - font-size: 0.9rem; - } - - .md-nav { - font-size: 0.8rem; - } - - .md-tabs__link { - font-size: 0.8rem; - } - - /* Ensure manage settings button is visible */ - .md-typeset .md-consent__controls .md-button { - background-color: var(--md-primary-fg-color); - border-color: var(--md-primary-fg-color); - color: var(--color-background-light); - } - - /* Button to open Kapa search */ - - .n8n-kapa-button { - background: var(--color-primary); - border-radius: .1rem; - color: white; - cursor: pointer; - display: flex; - flex-direction: row; - font-size: 1.4em; - margin-right: 2em; - padding: 0.5em 0.75em; - } - - /* wraps the Kapa button at the bottom of content pages */ - .n8n-wrap-kapa { - border-top: 1px solid #eee; - padding: 1em 0 0 0; - margin-top: 2em; - } - - .n8n-wrap-kapa > .n8n-kapa-button { - justify-content: center; - width: 100%; - } - - .n8n-wrap-kapa > button > span.md-search__icon.md-icon { - align-self: anchor-center; - } - - .n8n-wrap-kapa > button > span.md-search__icon.md-icon > svg { - border: none; - display: inline; - } - - - .n8n-search-text { - align-content: center; - margin-left: 0.5em; - } - - - /* new features box on release notes */ - - .n8n-new-features { - background-color: var(--color-background-light); - border: 1px solid var(--color-foreground-base); - padding: 1em; - } - - .n8n-new-features p { - margin: 0; - } - - .n8n-new-features > h4 { - margin-top: 0; - } - - .n8n-new-features + .n8n-new-features { - margin-top: 1em; - } - -/* additional links in footer */ - -.n8n-footer-links { - border-bottom: 1px solid var(--md-footer-fg-color--light); - display: flex; - justify-content: space-between; - margin: auto .6rem; - padding: .4rem 0; + font-family: 'geomanistregular'; + src: url('./Geomanist-Regular-Webfont/geomanist-regular-webfont.eot'); + src: url('./Geomanist-Regular-Webfont/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('./Geomanist-Regular-Webfont/geomanist-regular-webfont.woff2') format('woff2'), + url('./Geomanist-Regular-Webfont/geomanist-regular-webfont.woff') format('woff'), + url('./Geomanist-Regular-Webfont/geomanist-regular-webfont.ttf') format('truetype'), + url('./Geomanist-Regular-Webfont/geomanist-regular-webfont.svg#geomanistregular') format('svg'); + font-weight: normal; + font-style: normal; } -.n8n-footer-links > strong { - color: var(--md-footer-fg-color--light); +:root { + --md-text-font: "geomanistregular"; + + --color-primary: #530092; + --color-text-base: #58585F; + --color-text-light: #FDF6EC; + --color-background-dark: #040506; + --color-background-light: #FDF6EC; + + } -.md-footer-meta__inner { - flex-direction: column; +/* light mode */ + +[data-md-color-scheme="light"] { +--md-typeset-color: var(--color-text-base); +--md-typeset-a-color: var(--color-primary); +--md-accent-fg-color: var(--color-primary); +--md-footer-bg-color: var(--color-background-light); +--md-footer-fg-color: var(--color-text-base); +--md-footer-bg-color--dark: var(--color-background-dark); +/* header colors */ +--md-primary-bg-color: var(--color-text-light); +--md-primary-fg-color: var(--color-background-dark); } - /* preserve the logo and site title on page scroll */ - - .md-header__topic:first-child { - font-weight: 500; - } - - .md-header__topic, .md-header__topic+.md-header__topic, .md-header__title--active .md-header__topic { - transform: none; - transition: none; - opacity: 1; - } - - /* better table behaviour */ - - .md-typeset table:not([class]) td:first-of-type { - white-space: pre; - } - - /* bigger font in table */ - .table-without-whitespace-pre td:first-of-type { - white-space: unset; - } - - .md-typeset table:not([class]) { - font-size: 0.75rem - } +/* Increase heading weight */ +[data-md-color-scheme="light"] .md-typeset h1, .md-typeset h2, .md-typeset h3 { + font-weight: 600; +} - /* display tables at full width */ - .md-typeset__table { - width: 100%; - } - - .md-typeset__table table:not([class]) { - display: table - } - - /* img borders */ - - .md-typeset img, .md-typeset svg, .md-typeset video { +/* White color for font in header nav */ +[data-md-color-scheme="light"] .md-header, [data-md-color-scheme="light"] .md-tabs { + color: white; +} + +/* Search box */ +[data-md-color-scheme="light"] .md-search__input { + border: 1px solid var(--color-primary); + background-color: white; + color: var(--color-text-base); +} +[data-md-color-scheme="light"] .md-search__input::placeholder, [data-md-color-scheme="light"] .md-search__icon { + color: var(--color-text-base); + opacity: 1; +} + +/* Optional announcement banner */ +.md-banner { + background-color: var(--color-background-light); + color: var(--color-text-base); +} + +/* footer */ +.md-footer { + border-top: 1px solid var(--color-background-dark); +} + +/* font sizes */ +.md-typeset { + font-size: 0.9rem; +} + +.md-nav { + font-size: 0.8rem; +} + +.md-tabs__link { + font-size: 0.8rem; +} + +/* preserve the logo and site title on page scroll */ +.md-header__topic:first-child { + font-weight: 500; +} + +.md-header__topic, .md-header__topic+.md-header__topic, .md-header__title--active .md-header__topic { + transform: none; + transition: none; + opacity: 1; +} + +/* better table behaviour */ + +.md-typeset table:not([class]) td:first-of-type { +white-space: pre; +} + +/* bigger font in table */ +.table-without-whitespace-pre td:first-of-type { +white-space: unset; +} + +.md-typeset table:not([class]) { +font-size: 0.75rem +} + +/* display tables at full width */ +.md-typeset__table { + width: 100%; +} + +.md-typeset__table table:not([class]) { + display: table +} + +/* img borders */ + +.md-typeset img, .md-typeset svg, .md-typeset video { border: 1px solid #DBDFE7; border-radius: 4px; - } - - .md-typeset :is(.emojione,.twemoji,.gemoji) svg { - border: 0; - } - - button:nth-child(1) > svg, button:nth-child(2) > svg - { - border: 0; - } - - .md-content__button > svg { - border: 0; - } - - /* remove lightbox controls so users can't slideshow */ - .gnext, .gprev { - display: none !important; - } - - /* reduce padding between title and breadcrumbs */ - - .md-content__inner { - padding-top: 0; - } - - .md-status--beta::after { - background-color: var(--color-text-base); - border-radius: 0.2rem; - color: white; - content: "beta"; - font-size: 0.5rem; - height: auto; - padding: 0.1rem 0.2rem; - -webkit-mask-image: none; - width: auto; - } - - - .md-status:hover:after { - background-color: var(--color-text-base); - } - -/* better left nav spacing */ - -.md-nav__item--section { - margin-top: 1.75em; } -/* The tab links for other n8n sites */ +.md-typeset :is(.emojione,.twemoji,.gemoji) svg { + border: 0; +} +button:nth-child(1) > svg, button:nth-child(2) > svg +{ + border: 0; +} + +.md-content__button > svg { + border: 0; +} + +/* remove lightbox controls so users can't slideshow */ +.gnext, .gprev { + display: none !important; +} + +/* reduce padding between title and breadcrumbs */ +.md-content__inner { + padding-top: 0; +} + +/* for beta label */ +.md-status--beta::after { + background-color: var(--color-text-base); + border-radius: 0.2rem; + color: white; + content: "beta"; + font-size: 0.5rem; + height: auto; + padding: 0.1rem 0.2rem; + -webkit-mask-image: none; + width: auto; +} + +.md-status:hover:after { + background-color: var(--color-text-base); +} + +/* Style vertical grid cards e.g. on Self-hosting homepage */ +.grid-cards-vertical { + grid-gap: .4rem; + display: grid; +} + +.grid-cards-vertical.cards>:-webkit-any(ul,ol) { + display: contents; +} + +.grid-cards-vertical.cards>:is(ul,ol)>li { + display: block; +} + + /* n8n classes */ + +/* The tab links for other n8n sites */ .n8n-other-sites { display: flex; justify-content: space-between; } +/* Kapa */ +/* Button to open Kapa search */ -/* ensure headings don't disappear below top nav after adding extra top nav */ -@media screen and (min-width: 76.25em) { - .md-header--lifted~.md-container .md-typeset :target { - --md-scroll-margin: 9rem; - } +.n8n-kapa-button { + background: linear-gradient(180deg, #A13355 0%, #530092 100%); + border-radius: .1rem; + color: white; + cursor: pointer; + display: flex; + flex-direction: row; + font-size: 1.4em; + margin-right: 2em; + padding: 0.5em 0.75em; } - - /* dark mode */ - /* [data-md-color-scheme="dark"] .md-header{ - box-shadow: none; - background-color: var(--color-background-darker); - } - [data-md-color-scheme="dark"] .md-tabs{ - background-color: var(--color-background-darker); - } - - [data-md-color-scheme="dark"] { - --md-primary-fg-color: var(--color-grey-900); - --md-default-bg-color: var(--color-background-dark); - --md-default-fg-color--light: var(--color-green); - --md-typeset-color: #eaeaea; - --md-typeset-a-color: var(--color-primary); - --md-accent-fg-color: var(--color-primary-shade-1); - --md-admonition-fg-color: #eaeaea; - --md-typeset-table-color: #eaeaea; - --md-code-bg-color: var(--color-background-light); - } - - [data-md-color-scheme="dark"] .md-header { - box-shadow: none; - } - - [data-md-color-scheme="dark"] .highlighttable .linenodiv pre { - color: var(--color-text-base); - } - */ - /* search */ - /* - [data-md-color-scheme="dark"] [data-md-toggle=search]:checked~.md-header .md-search__form { - background-color: var(--color-background-base); - } - - [data-md-color-scheme="dark"] .md-search__scrollwrap { - background-color: var(--color-background-base); - } - - [data-md-color-scheme="dark"] .md-nav--secondary { - border-left: 1px solid var(--color-primary); - } */ - - code { - tab-size: 2; - } - - /* n8n classes */ - - .inline-image { - display:inline-block; - max-width: 25px; - max-height: 25px; - vertical-align: middle; - } - - .inline-image > img { - border: none; - } - - .grid-cards-vertical { - grid-gap: .4rem; - display: grid; - grid-template-columns: none; - margin: 1em 0; - } - - .grid-cards-vertical.cards>:-webkit-any(ul,ol) { - display: contents; - } - - .grid-cards-vertical.cards>:is(ul,ol)>li { - display: block; - } - - - -.md-nav--primary .md-nav__title[for=__drawer] { +.n8n-kapa-button > .md-search__icon { color: white; } +.n8n-search-text { + align-content: center; + margin-left: 0.5em; +} +/* wraps the Kapa button at the bottom of content pages */ +.n8n-wrap-kapa { + border-top: 1px solid #eee; + padding: 1em 0 0 0; + margin-top: 2em; +} + +.n8n-wrap-kapa > .n8n-kapa-button { + justify-content: center; + width: 100%; +} + +.n8n-wrap-kapa > button > span.md-search__icon.md-icon { +align-self: anchor-center; +} + +.n8n-wrap-kapa > button > span.md-search__icon.md-icon > svg { + border: none; + display: inline; +} + +/* new features box on release notes */ +.n8n-new-features { + background-color: var(--color-background-light); + border: 1px solid var(--color-background-dark); + padding: 1em; +} + +.n8n-new-features p { + margin: 0; +} + +.n8n-new-features > h4 { + margin-top: 0; +} + +.n8n-new-features + .n8n-new-features { + margin-top: 1em; +} + +/* Inline images e.g. button icons */ +.n8n-inline-image { + display:inline-block; + max-width: 25px; + max-height: 25px; + vertical-align: middle; +} + +.n8n-inline-image > img { + border: none; +} \ No newline at end of file diff --git a/docs/advanced-ai/intro-tutorial.md b/docs/advanced-ai/intro-tutorial.md index 56d1d9441..9b49b60e8 100644 --- a/docs/advanced-ai/intro-tutorial.md +++ b/docs/advanced-ai/intro-tutorial.md @@ -76,7 +76,7 @@ Every workflow needs somewhere to start. In n8n these are called ['trigger nodes The AI Agent node is the core of adding AI to your workflows. - 1. Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector on the trigger node to bring up the node search. + 1. Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector on the trigger node to bring up the node search. 1. Start typing "AI" and choose the **AI agent** node to add it. @@ -90,7 +90,7 @@ The AI Agent node is the core of adding AI to your workflows. AI agents require a chat model to be attached to process the incoming prompts. -1. Add a chat model by clicking the plus ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} button underneath the **Chat Model** connection on the **AI Agent** node (it's the first connection along the bottom of the node). +1. Add a chat model by clicking the plus ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} button underneath the **Chat Model** connection on the **AI Agent** node (it's the first connection along the bottom of the node). 1. The search dialog will appear, filtered on 'Language Models'. These are the models with built-in support in n8n. For this tutorial we will use **OpenAI Chat Model**. @@ -150,7 +150,7 @@ The chat model is now giving us useful output, but there is something wrong with 1. Wait for the response, then type the message "What's my name?". The AI will not be able to tell you, however apologetic it may seem. The reason for this is we are not saving the context. The AI Agent has no [memory](/glossary.md#ai-memory). ![image showing a conversation illustrating the above](/_images/advanced-ai/ai-intro-memory.png) -1. In order to remember what has happened in the conversation, the AI Agent needs to preserve context. We can do this by adding memory to the **AI Agent** node. On the canvas click on the ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} on the bottom of the **AI Agent** node labeled "Memory". +1. In order to remember what has happened in the conversation, the AI Agent needs to preserve context. We can do this by adding memory to the **AI Agent** node. On the canvas click on the ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} on the bottom of the **AI Agent** node labeled "Memory". 1. From the panel which appears, select "Simple Memory". This will use the memory from the instance running n8n, and is usually sufficient for simple usage. The default value of 5 interactions should be sufficient here, but remember where this option is if you may want to change it later. diff --git a/docs/code/expressions.md b/docs/code/expressions.md index 55e4e1ea0..68980c5b0 100644 --- a/docs/code/expressions.md +++ b/docs/code/expressions.md @@ -30,7 +30,7 @@ To use an expression to set a parameter value: 1. Hover over the parameter where you want to use an expression. 2. Select **Expressions** in the **Fixed/Expression** toggle. -3. Write your expression in the parameter, or select **Open expression editor** ![Open expressions editor icon](/_images/common-icons/open-expression-editor.png){.off-glb} to open the expressions editor. If you use the expressions editor, you can browse the available data in the **Variable selector**. All expressions have the format `{{ your expression here }}`. +3. Write your expression in the parameter, or select **Open expression editor** ![Open expressions editor icon](/_images/common-icons/open-expression-editor.png){.off-glb} to open the expressions editor. If you use the expressions editor, you can browse the available data in the **Variable selector**. All expressions have the format `{{ your expression here }}`. ### Example: Get data from webhook body diff --git a/docs/credentials/add-edit-credentials.md b/docs/credentials/add-edit-credentials.md index d122f79cc..a0ddf46c7 100644 --- a/docs/credentials/add-edit-credentials.md +++ b/docs/credentials/add-edit-credentials.md @@ -10,13 +10,13 @@ Credentials are securely stored authentication information used to connect n8n w ## Create a credential -1. Select the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **button** in the upper-left corner of the side menu. Select credential. +1. Select the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **Create** button in the upper-left corner of the side menu. Select credential. 2. If your n8n instance supports [projects](/glossary.md#project-n8n), you'll also need to choose whether to create the credential inside your personal space or a specific project you have access to. If you're using the community version, you'll create the credential inside your personal space. 3. Select the app or service you wish to connect to. Or: -1. Using the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **Create** button in the upper-right corner from either the **Overview** page or a specific project. Select Credential. +1. Using the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **Create** button in the upper-right corner from either the **Overview** page or a specific project. Select Credential. 2. If you're doing this from the **Overview** page, you'll create the credential inside your personal space. If you're doing this from inside a project, you'll create the credential inside that specific project. 3. Select the app or service you wish to connect to. diff --git a/docs/credentials/credential-sharing.md b/docs/credentials/credential-sharing.md index 4bc47ad7f..27b100dbb 100644 --- a/docs/credentials/credential-sharing.md +++ b/docs/credentials/credential-sharing.md @@ -40,5 +40,5 @@ To unshare a credential: 2. Select **Credentials** to see a list of your credentials. 3. Select the credential you want to unshare. 4. Select **Sharing**. -5. Select **trash icon**![Trash icon](/_images/common-icons/delete-node.png){.off-glb} on the user or project you want to remove from the list of shared users and projects. +5. Select **trash icon**![Trash icon](/_images/common-icons/delete-node.png){.off-glb} on the user or project you want to remove from the list of shared users and projects. 6. Select **Save** to apply the changes. diff --git a/docs/data/data-editing.md b/docs/data/data-editing.md index 9a10e543a..df10d104a 100644 --- a/docs/data/data-editing.md +++ b/docs/data/data-editing.md @@ -16,7 +16,7 @@ To edit output data: 1. Run the node to load data. 2. In the **OUTPUT** view, select **JSON** to switch to JSON view. -3. Select **Edit** ![Edit data icon](/_images/data/data-pinning/edit-data.png){.off-glb}. +3. Select **Edit** ![Edit data icon](/_images/data/data-pinning/edit-data.png){.off-glb}. 4. Edit your data. 5. Select **Save**. n8n saves your data changes and pins your data. @@ -27,14 +27,14 @@ You can copy data from nodes in previous workflow executions: 1. Open the left menu. 2. Select **Executions**. 3. Browse the workflow executions list to find the one with the data you want to copy. -4. Select **Open Past Execution** ![Open past execution icon](/_images/data/data-pinning/open-execution.png){.off-glb}. +4. Select **Open Past Execution** ![Open past execution icon](/_images/data/data-pinning/open-execution.png){.off-glb}. 5. Double click the node whose data you want to copy. 6. If it's table layout, select **JSON** to switch to JSON view. 7. There are two ways to copy the JSON: 1. Select the JSON you want by highlighting it, like selecting text. Then use `ctrl` + `c` to copy it. 2. Select the JSON you want to copy by clicking on a parameter. Then: - 1. Hover over the JSON. n8n displays the **Copy** ![Copy data icon](/_images/data/data-pinning/copy-data.png){.off-glb} button. - 2. Select **Copy** ![Copy data icon](/_images/data/data-pinning/copy-data.png){.off-glb}. + 1. Hover over the JSON. n8n displays the **Copy** ![Copy data icon](/_images/data/data-pinning/copy-data.png){.off-glb} button. + 2. Select **Copy** ![Copy data icon](/_images/data/data-pinning/copy-data.png){.off-glb}. 3. You can choose what to copy: * **Copy Item Path** and **Copy Parameter Path** gives you expressions that access parts of the JSON. * **Copy Value**: copies the entire selected JSON. @@ -46,6 +46,6 @@ You can copy data from nodes in previous workflow executions: 9. Open the node where you want to use the copied data. 10. If there is no data, run the node to load data. 11. In the **OUTPUT** view, select **JSON** to switch to JSON view. -12. Select **Edit** ![Edit data icon](/_images/data/data-pinning/edit-data.png){.off-glb}. +12. Select **Edit** ![Edit data icon](/_images/data/data-pinning/edit-data.png){.off-glb}. 15. Paste in the data from the previous execution. 16. Select **Save**. n8n saves your data changes and pins your data. diff --git a/docs/data/data-filtering.md b/docs/data/data-filtering.md index 5f0caac49..50767c2cd 100644 --- a/docs/data/data-filtering.md +++ b/docs/data/data-filtering.md @@ -13,7 +13,7 @@ Search and filter data in the node **INPUT** and **OUTPUT** panels. Use this to To search: -1. In a node, select **Search** ![Search icon](/_images/common-icons/search.png){.off-glb} in the **INPUT** or **OUTPUT** panel. +1. In a node, select **Search** ![Search icon](/_images/common-icons/search.png){.off-glb} in the **INPUT** or **OUTPUT** panel. 1. Enter your search term. n8n filters as you type your search, displaying the objects or rows containing the term. diff --git a/docs/hosting/community-edition-features.md b/docs/hosting/community-edition-features.md index 7dcaf8734..b60846201 100644 --- a/docs/hosting/community-edition-features.md +++ b/docs/hosting/community-edition-features.md @@ -47,7 +47,7 @@ To register a new community edition instance, select the option during your init To register an existing community edition instance: -1. Select the **three dots icon** ![three dots icon](/_images/common-icons/three-dots-horizontal.png){.off-glb} in the lower-left corner. +1. Select the **three dots icon** ![three dots icon](/_images/common-icons/three-dots-horizontal.png){.off-glb} in the lower-left corner. 1. Select **Settings** and then **Usage and plan**. 1. Select **Unlock** to enter your email and then select **Send me a free license key**. 1. Check your email for the account you entered. diff --git a/docs/integrations/builtin/core-nodes/n8n-nodes-base.scheduletrigger/common-issues.md b/docs/integrations/builtin/core-nodes/n8n-nodes-base.scheduletrigger/common-issues.md index ea058b270..2affb9620 100644 --- a/docs/integrations/builtin/core-nodes/n8n-nodes-base.scheduletrigger/common-issues.md +++ b/docs/integrations/builtin/core-nodes/n8n-nodes-base.scheduletrigger/common-issues.md @@ -34,7 +34,7 @@ If you're [self hosting](/hosting/index.md), set your global timezone using the To set the timezone for an individual workflow: 1. Open the workflow on the canvas. -1. Select the ![three dots menu](/_images/common-icons/three-dots-horizontal.png) **Three dots icon** in the upper-right corner. +1. Select the ![three dots menu](/_images/common-icons/three-dots-horizontal.png) **Three dots icon** in the upper-right corner. 1. Select **Settings**. 1. Change the **Timezone** setting. 1. Select **Save**. diff --git a/docs/integrations/community-nodes/installation/gui-install.md b/docs/integrations/community-nodes/installation/gui-install.md index ffdce7e9b..f04bb2c94 100644 --- a/docs/integrations/community-nodes/installation/gui-install.md +++ b/docs/integrations/community-nodes/installation/gui-install.md @@ -38,7 +38,7 @@ n8n maintains a blocklist of community nodes that it prevents you from installin To uninstall a community node: 1. Go to **Settings** > **Community nodes**. -2. On the node you want to install, select **Options** ![Three dots options menu](/_images/common-icons/three-dot-options-menu.png){.off-glb}. +2. On the node you want to install, select **Options** ![Three dots options menu](/_images/common-icons/three-dot-options-menu.png){.off-glb}. 3. Select **Uninstall package**. 4. Select **Uninstall Package** in the confirmation modal. diff --git a/docs/integrations/community-nodes/installation/verified-install.md b/docs/integrations/community-nodes/installation/verified-install.md index fa06fe860..5be997d16 100644 --- a/docs/integrations/community-nodes/installation/verified-install.md +++ b/docs/integrations/community-nodes/installation/verified-install.md @@ -30,6 +30,6 @@ Some users may not want to show verified community nodes in the nodes panel of t To uninstall a community node: 1. Go to **Settings** > **Community nodes**. -2. On the node you want to install, select **Options** ![Three dots options menu](/_images/common-icons/three-dot-options-menu.png){.off-glb}. +2. On the node you want to install, select **Options** ![Three dots options menu](/_images/common-icons/three-dot-options-menu.png){.off-glb}. 3. Select **Uninstall package**. 4. Select **Uninstall Package** in the confirmation modal. diff --git a/docs/integrations/community-nodes/usage.md b/docs/integrations/community-nodes/usage.md index 992f9f39e..6bdbe9cb4 100644 --- a/docs/integrations/community-nodes/usage.md +++ b/docs/integrations/community-nodes/usage.md @@ -9,7 +9,7 @@ To use community nodes, you first need to [install](/integrations/community-node ## Adding community nodes to your workflow -After installing a community node, you can use it like any other node. n8n displays the node in search results in the **Nodes** panel. n8n marks community nodes with a **Package** ![Package icon](/_images/common-icons/package.png){.off-glb} icon in the nodes panel. +After installing a community node, you can use it like any other node. n8n displays the node in search results in the **Nodes** panel. n8n marks community nodes with a **Package** ![Package icon](/_images/common-icons/package.png){.off-glb} icon in the nodes panel. ## Community nodes with duplicate names diff --git a/docs/manage-cloud/cloud-data-management.md b/docs/manage-cloud/cloud-data-management.md index dfac8389d..c7267e489 100644 --- a/docs/manage-cloud/cloud-data-management.md +++ b/docs/manage-cloud/cloud-data-management.md @@ -58,7 +58,7 @@ In the admin dashboard: In your workflow settings: -1. Select the **Options** ![Options menu](/_images/common-icons/three-dot-options-menu.png){.off-glb} menu. +1. Select the **Options** ![Options menu](/_images/common-icons/three-dot-options-menu.png){.off-glb} menu. 1. Select **Settings**. n8n opens the **Workflow settings** modal. 1. Change **Save successful production executions** to **Do not save**. diff --git a/docs/source-control-environments/create-environments.md b/docs/source-control-environments/create-environments.md index 55c74be33..bb6b34479 100644 --- a/docs/source-control-environments/create-environments.md +++ b/docs/source-control-environments/create-environments.md @@ -97,11 +97,11 @@ Your work is now in GitHub. If you're using a multi-branch setup, it's on the de 1. In GitHub, create a pull request to merge development into production. 1. Merge the pull request. - 1. In your production instance, select **Pull** ![Pull icon](/_images/source-control-environments/pull-icon.png){.off-glb} in the main menu. + 1. In your production instance, select **Pull** ![Pull icon](/_images/source-control-environments/pull-icon.png){.off-glb} in the main menu. === "Single-branch" - In your production instance, select **Pull** ![Pull icon](/_images/source-control-environments/pull-icon.png){.off-glb} in the main menu. + In your production instance, select **Pull** ![Pull icon](/_images/source-control-environments/pull-icon.png){.off-glb} in the main menu. --8<-- "_snippets/source-control-environments/push-pull-menu-state.md" diff --git a/docs/source-control-environments/using/push-pull.md b/docs/source-control-environments/using/push-pull.md index b788ed3e2..2aec75aa6 100644 --- a/docs/source-control-environments/using/push-pull.md +++ b/docs/source-control-environments/using/push-pull.md @@ -19,7 +19,7 @@ This document assumes some familiarity with Git concepts and terminology. Refer You must be an instance owner or instance admin to pull changes from git. /// -To pull work from Git, select **Pull** ![Pull icon](/_images/source-control-environments/pull-icon.png){.off-glb} in the main menu. +To pull work from Git, select **Pull** ![Pull icon](/_images/source-control-environments/pull-icon.png){.off-glb} in the main menu. --8<-- "_snippets/source-control-environments/push-pull-menu-state.md" diff --git a/docs/try-it-out/quickstart.md b/docs/try-it-out/quickstart.md index 43c69325e..1dd39343e 100644 --- a/docs/try-it-out/quickstart.md +++ b/docs/try-it-out/quickstart.md @@ -40,13 +40,13 @@ Select **Execute Workflow**. This runs the workflow, loading the data from the C Add a third node to message each customer and tell them their description. Use the Customer Messenger node to send a message to fake recipients. -1. Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector on the Edit Fields node. +1. Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector on the Edit Fields node. 2. Search for **Customer Messenger**. n8n shows a list of nodes that match the search. 3. Select **Customer Messenger (n8n training)** to add the node to the [canvas](/glossary.md#canvas-n8n). n8n opens the node automatically. 4. Use [expressions](/code/expressions.md) to map in the **Customer ID** and create the **Message**: 1. In the **INPUT** panel select the **Schema** tab. 2. Drag **Edit Fields1** > **customer_id** into the **Customer ID** field in the node settings. - 2. Hover over **Message**. Select the **Expression** tab, then select the expand button ![Add node icon](/_images/common-icons/open-expression-editor.png){.off-glb} to open the full expressions editor. + 2. Hover over **Message**. Select the **Expression** tab, then select the expand button ![Add node icon](/_images/common-icons/open-expression-editor.png){.off-glb} to open the full expressions editor. 3. Copy this expression into the editor: ``` Hi {{ $json.customer_name }}. Your description is: {{ $json.customer_description }} diff --git a/docs/try-it-out/tutorial-first-workflow.md b/docs/try-it-out/tutorial-first-workflow.md index 640f2c203..a46be3555 100644 --- a/docs/try-it-out/tutorial-first-workflow.md +++ b/docs/try-it-out/tutorial-first-workflow.md @@ -51,7 +51,7 @@ The [NASA node](/integrations/builtin/app-nodes/n8n-nodes-base.nasa.md) interact ??? explanation "Credentials" Credentials are private pieces of information issued by apps and services to authenticate you as a user and allow you to connect and share information between the app or service and the n8n node. The type of information required varies depending on the app/service concerned. You should be careful about sharing or revealing the credentials outside of n8n. -1. Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector on the Schedule Trigger node. +1. Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector on the Schedule Trigger node. 1. Search for **NASA**. n8n shows a list of nodes that match the search. 1. Select **NASA** to view a list of operations. 1. Search for and select **Get a DONKI solar flare**. This operation returns a report about recent solar flares. When you select the operation, n8n adds the node to the canvas and opens it. @@ -66,7 +66,7 @@ The [NASA node](/integrations/builtin/app-nodes/n8n-nodes-base.nasa.md) interact 1. By default, DONKI Solar Flare provides data for the past 30 days. To limit it to just the last week, use **Additional Fields**: 1. Select **Add field**. 1. Select **Start date**. - 1. To get a report starting from a week ago, you can use an expression: next to **Start date**, select the **Expression** tab, then select the expand button ![Add node icon](/_images/common-icons/open-expression-editor.png){.off-glb} to open the full expressions editor. + 1. To get a report starting from a week ago, you can use an expression: next to **Start date**, select the **Expression** tab, then select the expand button ![Add node icon](/_images/common-icons/open-expression-editor.png){.off-glb} to open the full expressions editor. 1. In the **Expression** field, enter the following expression: ```js {{ $today.minus(7, 'days') }} @@ -88,7 +88,7 @@ n8n supports complex logic in workflows. In this tutorial we will use the [If no Add the If node: -1. Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector on the NASA node. +1. Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector on the NASA node. 1. Search for **If**. n8n shows a list of nodes that match the search. 1. Select **If** to add the node to the canvas. n8n opens the node. 1. You need to check the value of the `classType` property in the NASA data. To do this: @@ -112,14 +112,14 @@ Add the If node: The last step of the workflow is to send the two reports about solar flares. For this example, you'll send data to [Postbin](https://www.toptal.com/developers/postbin/). Postbin is a service that receives data and displays it on a temporary web page. -1. On the If node, select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector labeled **true**. +1. On the If node, select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector labeled **true**. 1. Search for **PostBin**. n8n shows a list of nodes that match the search. 1. Select **PostBin**. 1. Select **Send a request**. n8n adds the node to the canvas and opens it. 1. Go to [Postbin](https://www.toptal.com/developers/postbin/) and select **Create Bin**. Leave the tab open so you can come back to it when testing the workflow. 1. Copy the bin ID. It looks similar to `1651063625300-2016451240051`. 1. In n8n, paste your Postbin ID into **Bin ID**. -1. Now, configure the data to send to Postbin. Next to **Bin Content**, select the **Expression** tab (you will need to mouse-over the **Bin Content** for the tab to appear), then select the expand button ![Add node icon](/_images/common-icons/open-expression-editor.png){.off-glb} to open the full expressions editor. +1. Now, configure the data to send to Postbin. Next to **Bin Content**, select the **Expression** tab (you will need to mouse-over the **Bin Content** for the tab to appear), then select the expand button ![Add node icon](/_images/common-icons/open-expression-editor.png){.off-glb} to open the full expressions editor. 1. You can now click and drag the correct field from the If Node output into the expressions editor to automatically create a reference for this label. In this case the input we want is 'classType'. 1. Once dropped into the expressions editor it will transform into this reference: `{{$json["classType"]}}`. Add a message to it, so that the full expression is: @@ -132,7 +132,7 @@ The last step of the workflow is to send the two reports about solar flares. For 1. Close the expressions editor to return to the node. 1. Close the Postbin node to return to the canvas. 1. Add another Postbin node, to handle the **false** output path from the If node: - 1. Hover over the Postbin node, then select **Node context menu** ![Node context menu icon](/_images/common-icons/node-context-menu.png){.off-glb} > **Duplicate node** to duplicate the first Postbin node. + 1. Hover over the Postbin node, then select **Node context menu** ![Node context menu icon](/_images/common-icons/node-context-menu.png){.off-glb} > **Duplicate node** to duplicate the first Postbin node. 1. Drag the **false** connector from the If node to the left side of the new Postbin node. ## Step six: Test the workflow diff --git a/docs/user-management/ldap.md b/docs/user-management/ldap.md index 247b639df..686c73b9b 100644 --- a/docs/user-management/ldap.md +++ b/docs/user-management/ldap.md @@ -18,7 +18,7 @@ LDAP allows users to sign in to n8n with their organization credentials, instead ## Enable LDAP 1. Log in to n8n as the instance owner. -2. Select **Settings** ![Settings icon](/_images/common-icons/settings.png){.off-glb} > **LDAP**. +2. Select **Settings** ![Settings icon](/_images/common-icons/settings.png){.off-glb} > **LDAP**. 3. Toggle on **Enable LDAP Login**. 4. Complete the fields with details from your LDAP server. 5. Select **Test connection** to check your connection setup, or **Save connection** to create the connection. @@ -45,7 +45,7 @@ If you remove a user from your LDAP server, they lose n8n access on the next syn To turn LDAP off: 1. Log in to n8n as the instance owner. -2. Select **Settings** ![Settings icon](/_images/common-icons/settings.png){.off-glb} > **LDAP**. +2. Select **Settings** ![Settings icon](/_images/common-icons/settings.png){.off-glb} > **LDAP**. 3. Toggle off **Enable LDAP Login**. If you turn LDAP off, n8n converts existing LDAP users to email users on their next login. The users must reset their password. diff --git a/docs/user-management/rbac/projects.md b/docs/user-management/rbac/projects.md index 0f068e420..1cca811c3 100644 --- a/docs/user-management/rbac/projects.md +++ b/docs/user-management/rbac/projects.md @@ -17,7 +17,7 @@ Instance owners and instance admins can create projects. To create a project: -1. Select ![Plus icon](/_images/common-icons/plus.png) **Add project**. +1. Select ![Plus icon](/_images/common-icons/plus.png) **Add project**. 1. Fill out the project settings. 1. Select **Save**. @@ -60,7 +60,7 @@ Workflow and credential owners can move workflows or credentials (changing owner Moving workflows or credentials removes all existing sharing. Be aware that this could impact other workflows currently sharing these resources. /// -1. Select **Workflow menu** ![Workflow menu icon](/_images/common-icons/three-dot-options-menu.png){.off-glb} or **Credential menu** ![Workflow menu icon](/_images/common-icons/three-dot-options-menu.png){.off-glb} > **Move**. +1. Select **Workflow menu** ![Workflow menu icon](/_images/common-icons/three-dot-options-menu.png){.off-glb} or **Credential menu** ![Workflow menu icon](/_images/common-icons/three-dot-options-menu.png){.off-glb} > **Move**. /// info | Moving workflows with credentials When moving a workflow with credentials you have permission to share, you can choose to share the credentials as well. This ensures that the workflow continues to have access to the credentials it needs to execute. n8n will note any credentials that can't be moved (credentials you don't have permission to share). diff --git a/docs/workflows/components/connections.md b/docs/workflows/components/connections.md index 8f064520d..a576061a4 100644 --- a/docs/workflows/components/connections.md +++ b/docs/workflows/components/connections.md @@ -12,10 +12,10 @@ A connection establishes a link between nodes to route data through the workflow ## Create a connection -To create a connection between two nodes, select the grey dot or **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} on the right side of a node and slide the arrow to the grey rectangle on the left side of the following node. +To create a connection between two nodes, select the grey dot or **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} on the right side of a node and slide the arrow to the grey rectangle on the left side of the following node. ## Delete a connection -Hover over the connection, then select **Delete** ![Delete connector icon](/_images/common-icons/delete-connector.png){.off-glb}. +Hover over the connection, then select **Delete** ![Delete connector icon](/_images/common-icons/delete-connector.png){.off-glb}. diff --git a/docs/workflows/components/nodes.md b/docs/workflows/components/nodes.md index 73bf5dc48..396db62b8 100644 --- a/docs/workflows/components/nodes.md +++ b/docs/workflows/components/nodes.md @@ -36,7 +36,7 @@ n8n provides a collection of built-in nodes, as well as the ability to create yo ### Add a node to an existing workflow -Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector. n8n opens the nodes panel, where you can search or browse all nodes. +Select the **Add node** ![Add node icon](/_images/try-it-out/add-node-small.png){.off-glb} connector. n8n opens the nodes panel, where you can search or browse all nodes. --8<-- "_snippets/integrations/builtin/node-operations.md" @@ -44,10 +44,10 @@ Select the **Add node** ![Add node icon](/_images/try To view node controls, hover over the node on the canvas: -* **Execute step** ![Execute step icon](/_images/common-icons/play-node.png){.off-glb}: Run the node. -* **Deactivate** ![Deactivate node icon](/_images/common-icons/power-off.png){.off-glb}: Deactivate the node. -* **Delete** ![Delete node icon](/_images/common-icons/delete-node.png){.off-glb}: Delete the node. -* **Node context menu** ![Node context menu icon](/_images/common-icons/node-context-menu.png){.off-glb}: Select node actions. Available actions: +* **Execute step** ![Execute step icon](/_images/common-icons/play-node.png){.off-glb}: Run the node. +* **Deactivate** ![Deactivate node icon](/_images/common-icons/power-off.png){.off-glb}: Deactivate the node. +* **Delete** ![Delete node icon](/_images/common-icons/delete-node.png){.off-glb}: Delete the node. +* **Node context menu** ![Node context menu icon](/_images/common-icons/node-context-menu.png){.off-glb}: Select node actions. Available actions: * Open node * Execute step * Rename node diff --git a/docs/workflows/components/sticky-notes.md b/docs/workflows/components/sticky-notes.md index 7bb7bd3b0..66dd006e4 100644 --- a/docs/workflows/components/sticky-notes.md +++ b/docs/workflows/components/sticky-notes.md @@ -31,7 +31,7 @@ Sticky Notes are a core node. To add a new Sticky Note: To change the Sticky Note color: 1. Hover over the Sticky Note -1. Select **Change color** ![Change Sticky Note color icon](/_images/common-icons/change-color.png){.off-glb} +1. Select **Change color** ![Change Sticky Note color icon](/_images/common-icons/change-color.png){.off-glb} ## Sticky Note positioning @@ -40,7 +40,7 @@ You can: * Drag a Sticky Note anywhere on the canvas. * Drag Sticky Notes behind nodes. You can use this to visually group nodes. * Resize Sticky Notes by hovering over the edge of the note and dragging to resize. -* Change the color: select **Options** ![Options icon](/_images/common-icons/three-dot-options-menu.png){.off-glb} to open the color selector. +* Change the color: select **Options** ![Options icon](/_images/common-icons/three-dot-options-menu.png){.off-glb} to open the color selector. ## Writing in Markdown diff --git a/docs/workflows/create.md b/docs/workflows/create.md index d696cc461..f1b3b4488 100644 --- a/docs/workflows/create.md +++ b/docs/workflows/create.md @@ -10,13 +10,13 @@ A [workflow](/glossary.md#workflow-n8n) is a collection of nodes connected toget ## Create a workflow -1. Select the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **button** in the upper-left corner of the side menu. Select workflow. +1. Select the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **button** in the upper-left corner of the side menu. Select workflow. 2. If your n8n instance supports projects, you'll also need to choose whether to create the workflow inside your **personal space** or a specific **project** you have access to. If you're using the community version, you'll always create workflows inside your personal space. 3. Get started by adding a trigger node: select **Add first step...** Or: -1. Select the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **create** button in the upper-right corner from either the **Overview** page or a specific **project**. Select workflow. +1. Select the ![universal create resource icon](/_images/common-icons/universal-resource-button.png){.off-glb} **create** button in the upper-right corner from either the **Overview** page or a specific **project**. Select workflow. 2. If you're doing this from the **Overview** page, you'll create the workflow inside your personal space. If you're doing this from inside a project, you'll create the workflow inside that specific project. 3. Get started by adding a trigger node: select **Add first step...** diff --git a/docs/workflows/executions/all-executions.md b/docs/workflows/executions/all-executions.md index 875f2c564..21b61509c 100644 --- a/docs/workflows/executions/all-executions.md +++ b/docs/workflows/executions/all-executions.md @@ -33,7 +33,7 @@ You can filter the executions list: If your workflow execution fails, you can retry the execution. To retry a failed workflow: 1. Select the **Executions** tab from within either the **Overview** page or a specific **project** to open the list. -2. On the execution you want to retry, select **Retry execution** ![Options menu icon](/_images/common-icons/three-dot-options-menu.png){.off-glb}. +2. On the execution you want to retry, select **Retry execution** ![Options menu icon](/_images/common-icons/three-dot-options-menu.png){.off-glb}. --8<-- "_snippets/workflows/executions/retry-options.md" ## Load data from previous executions into your current workflow diff --git a/docs/workflows/executions/single-workflow-executions.md b/docs/workflows/executions/single-workflow-executions.md index b06a2d84e..09e6cf1a5 100644 --- a/docs/workflows/executions/single-workflow-executions.md +++ b/docs/workflows/executions/single-workflow-executions.md @@ -44,5 +44,5 @@ You can filter the executions list. If your workflow execution fails, you can retry the execution. To retry a failed workflow: 1. Open the **Executions** list. -2. For the workflow execution you want to retry, select **Refresh** ![Refresh icon](/_images/common-icons/refresh.png){.off-glb}. +2. For the workflow execution you want to retry, select **Refresh** ![Refresh icon](/_images/common-icons/refresh.png){.off-glb}. --8<-- "_snippets/workflows/executions/retry-options.md" diff --git a/docs/workflows/history.md b/docs/workflows/history.md index cf44fe677..5fab73ae6 100644 --- a/docs/workflows/history.md +++ b/docs/workflows/history.md @@ -37,13 +37,13 @@ Workflow history is previous versions of the workflow: for example, a version wi To view a workflow's history: 1. Open the workflow. -1. Select **Workflow history** ![Workflow history icon](/_images/common-icons/workflow-history.png){.off-glb}. n8n opens a menu showing the saved workflow versions, and a canvas with a preview of the selected version. +1. Select **Workflow history** ![Workflow history icon](/_images/common-icons/workflow-history.png){.off-glb}. n8n opens a menu showing the saved workflow versions, and a canvas with a preview of the selected version. ## Restore or copy previous versions You can restore a previous workflow version, or make a copy of it: -1. On the version you want to restore or copy, select **Options** ![Options icon](/_images/common-icons/three-dot-options-menu.png){.off-glb}. +1. On the version you want to restore or copy, select **Options** ![Options icon](/_images/common-icons/three-dot-options-menu.png){.off-glb}. 1. Choose what you want to do: * **Restore this version**: replace your current workflow with the selected version. * **Clone to new workflow**: create a new workflow based on the selected version. diff --git a/docs/workflows/settings.md b/docs/workflows/settings.md index 32a59f482..76ab071b8 100644 --- a/docs/workflows/settings.md +++ b/docs/workflows/settings.md @@ -13,7 +13,7 @@ You can customize workflow behavior for individual workflows using workflow sett To open the settings: 1. Open your workflow. -1. Select the **three dots icon** ![three dots icon](/_images/common-icons/three-dots-horizontal.png){.off-glb} in the upper-right corner. +1. Select the **three dots icon** ![three dots icon](/_images/common-icons/three-dots-horizontal.png){.off-glb} in the upper-right corner. 3. Select **Settings**. n8n opens the **Workflow settings** modal. ## Available settings diff --git a/docs/workflows/tags.md b/docs/workflows/tags.md index b33c86648..eb706c05b 100644 --- a/docs/workflows/tags.md +++ b/docs/workflows/tags.md @@ -35,7 +35,7 @@ You can edit existing tags. Instance owners can delete tags. 1. Select **Manage tags**. This is available from **Filters** > **Tags** on the **Workflows** page, or in the **+ Add tag** modal in your workflow. 2. Hover over the tag you want to change. -3. Select **Edit** ![Add node icon](/_images/common-icons/edit.png){.off-glb} to rename it, or **Delete** ![Add node icon](/_images/common-icons/delete.png){.off-glb} to delete it. +3. Select **Edit** ![Add node icon](/_images/common-icons/edit.png){.off-glb} to rename it, or **Delete** ![Add node icon](/_images/common-icons/delete.png){.off-glb} to delete it. /// warning | Global tags Tags are global. If you edit or delete a tag, this affects all users of your n8n instance. diff --git a/docs/workflows/templates.md b/docs/workflows/templates.md index da9b81538..24bd30559 100644 --- a/docs/workflows/templates.md +++ b/docs/workflows/templates.md @@ -16,7 +16,7 @@ Templates provide: ## Access templates -Select ![View templates icon](/_images/common-icons/templates.png){.off-glb} **Templates** to view the templates library. +Select ![View templates icon](/_images/common-icons/templates.png){.off-glb} **Templates** to view the templates library. If you use n8n's template library, this takes you to browse [Workflows on the n8n website](https://n8n.io/workflows/). If you use a custom library provided by your organization, you'll be able to search and browse the templates within the app. diff --git a/mkdocs.yml b/mkdocs.yml index 67db724cd..685bb7ed8 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -158,7 +158,7 @@ plugins: - search - exclude: glob: - # - integrations/builtin/* + # - integrations/builtin/* # https://squidfunk.github.io/mkdocs-material/reference/images/#lightbox - glightbox: touchNavigation: false