diff --git a/how-to/github.md b/how-to/github.md
index 74074dbb869c386fafccceca0746e917eed2f713..35ea309c6b0cb485e6cbfeafaf53d61e138a8611 100644
--- a/how-to/github.md
+++ b/how-to/github.md
@@ -15,6 +15,8 @@ We leverage the power of GitLab as follows (this is highly simplified!):
 
 To do - GitLab can inform GitHub of the status of the latest build, so that GitHub displays either a red cross or a green tick, as per the image below (from the ensembl-client repo). Clicking on the link will take you to GitLab, where you can find out more about the latest run.
 
+![GitHub screenshot showing green tick](media/status.jpg)
+
 ## Creating branches
 
 At the moment, we encourage content providers to use a feature branch to commit their changes, so that they can be reviewed by a web team member before merging into master.
diff --git a/how-to/index.md b/how-to/index.md
index b3eab49778347243d3f2abb8c7c64aec603b3f4d..35de3cc9620b5c5f8fcc56d48a2bda45bade3374 100644
--- a/how-to/index.md
+++ b/how-to/index.md
@@ -34,7 +34,7 @@ We are in the process of finalising the types of images we use and how they shou
 
 ## How to add content
 
-Before you create content, please ensure you are familiar with the SOP described in the [Github and integratiion guide](github.md) - it will save you a lot of time and the web team a lot of pain :)
+Before you create content, please ensure you are familiar with the SOP described in the [Github and integration guide](github.md) - it will save you a lot of time and the web team a lot of pain :)
 
 ### Naming conventions
 
diff --git a/how-to/media/status.png b/how-to/media/status.png
new file mode 100644
index 0000000000000000000000000000000000000000..e28e5e73d4a67ae62b6a2d28a2da83a288501ab9
Binary files /dev/null and b/how-to/media/status.png differ