From ae175d9de288b0ed5fb5954ac66d26916e2cb795 Mon Sep 17 00:00:00 2001
From: Timur Osmanov <54434686+TOsmanov@users.noreply.github.com>
Date: Tue, 25 May 2021 10:19:21 +0300
Subject: [PATCH] Add item "Context images" in User Guide (#3227)

* Add item "Context images" in User Guide

* Delete header duplicate
---
 .../user-guide/advanced/context-images.md     | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 site/content/en/docs/for-users/user-guide/advanced/context-images.md

diff --git a/site/content/en/docs/for-users/user-guide/advanced/context-images.md b/site/content/en/docs/for-users/user-guide/advanced/context-images.md
new file mode 100644
index 00000000..383dfe0f
--- /dev/null
+++ b/site/content/en/docs/for-users/user-guide/advanced/context-images.md
@@ -0,0 +1,34 @@
+---
+title: "Context images for 2d task"
+linkTitle: "Context images"
+weight: 12.5
+---
+
+When you create a task, you can provide the images with additional contextual images. 
+To do this, create a folder related_images and place a folder with a contextual image in it (make sure the folder has the same name as the image to which it should be tied). 
+An example of the structure:
+
+- root_directory
+  - image_1_to_be_annotated.jpg
+  - image_2_to_be_annotated.jpg
+  - related_images/
+    - image_1_to_be_annotated_jpg/
+      - context_image_for_image_1.jpg
+    - image_2_to_be_annotated_jpg/
+      - context_image_for_image_2.jpg
+  - subdirectory_example/
+    - image_3_to_be_annotated.jpg
+    - related_images/
+      - image_3_to_be_annotated_jpg/
+        - context_image_for_image_3.jpg
+			
+The contextual image is displayed in the upper right corner of the workspace. You can hide it by clicking on the corresponding button or maximize the image by clicking on it.
+
+![contex_images_1](https://user-images.githubusercontent.com/54434686/119321037-e21a2000-bc84-11eb-8352-ca5ad349780a.jpg)
+
+When the image is maximized, you can rotate it clockwise/counterclockwise and zoom in/out. 
+You can also move the image by moving the mouse while holding down the LMB and zoom in/out by scrolling the mouse wheel. 
+To close the image, just click the `X`.
+
+![contex_images_2](https://user-images.githubusercontent.com/54434686/119327072-4344f200-bc8b-11eb-80ba-86ec4f9e436e.jpg)
+