Add screenshots to collections and workflows pages

Author: PhilReedData

TeSS_docs/content/collections.md

@@ -3,7 +3,15 @@
 ## What is a collection?
 
 Collections can be thought of as folders in which users may collect particular training materials or events, from the full catalogue available within TeSS to address their specific training needs. Collections are visible to the public by default. 
-The Collections feature must be enabled by the site administrator. 
+The Collections feature must be enabled by the site administrator.
+
+````{margin}
+```{image} ../images/content/collections-screenshot.png
+:alt: Screenshot of collection on ELIXIR TeSS
+:width: 200px
+```
+````
+
 
 ```{admonition} Examples of collections can be seen on the following instances of TeSS:
 :class: seealso

TeSS_docs/content/workflows.md

@@ -5,6 +5,13 @@
 Training workflows in TeSS are visual, step-by-step protocols that allow users to navigate materials in TeSS in topic- or task-related ways.
 For example, they may encapsulate typical stages of particular kinds of data analysis (protein sequence analysis, structure analysis, etc.), where each stage/node in the workflow represents a given analysis step and links to the corresponding training resources. Workflows are visible to the public by default.
 
+````{margin}
+```{image} ../images/content/workflows-screenshot.png
+:alt: Screenshot of workflow on PaN Training
+:width: 200px
+```
+````
+
 ```{admonition} Examples of workflows can be seen on the following instances of TeSS:
 :class: seealso
 * [Workflows on ELIXIR TeSS](https://tess.elixir-europe.org/workflows) (deprecated)
@@ -24,6 +31,14 @@ Steps to create a workflow:
 8. You can move the nodes in the diagram area.
 9. When you have finished, click the ‘Create workflow’ button.
 
+### Fork a workflow
+
+Alternatively, you can 'fork' an existing workflow; in other words, take a copy and modify it to appear as a new, distinct workflow that you own. 
+
+1. Navigate to the page for the original workflow.
+2. Click the ‘Fork’ button at the top-right of the page.
+3. Make your changes then click the ‘Save workflow’ button at the bottom.
+
 
 ### Managing collaborators
 

TeSS_docs/images/content/collections-screenshot.png

@@ -194,6 +194,19 @@ Sponsors
 
 ```
 
+
+## Workflows
+
+Definitions of additional fields used to describe workflows, sorted in the order they appear when editing a workflow. See also [definitions of fields used in materials](#materials).
+
+```{glossary}
+
+Associations
+    Include any training material, event, tool or policy that is associated with the workflow.
+    For each association, provide a title and a URL.
+```
+
+
 ## Roles
 
 Definitions of user roles in TeSS.