reorganise content with animals

src/pages/documentation/index.md

@@ -16,4 +16,4 @@ ismarkdown: true
 
 ## wind 🌬️
 
-![Wind is playing with the grass and they are dancing and enjoying the magical moment in their lives. Tinos, Greece](/documentation/vera.jpg)
+![Wind is playing with the grass and they are dancing and enjoying the magical moment in their lives. Tinos, Greece](/img/vera.jpg)

src/pages/examples/images/global/cows.md

@@ -0,0 +1,17 @@
+---
+layout: base
+title: Cows
+subtitle: Yet another example page
+---
+## Picture of cows
+
+This is an example page with an image of cows. The image file is not a global file but it is located higher in the section of the current page.
+
+It can be used with the path from the root of pages but will not be able to be used on other sections.
+
+`![drooderfiets and cows](/examples/cows.jpg)`
+
+Also it will not be visible in the CMS when editing the current page.
+
+![drooderfiets and cows](/examples/cows.jpg)
+

src/pages/examples/part-1/section-a/grasshoper.md → src/pages/examples/images/global/grasshoper.md

@@ -2,9 +2,11 @@
 layout: base
 title: Grasshoper
 subtitle: drooderfiets and grasshopper
-description: An example page with a Grasshopper from general folder
+description: An example page with a grasshopper from general folder
 ---
-This is an example page with the image of a grasshopper (made of steel) with that was uploaded in the global media folder (Uncategorized). The resulting Markdown code is:
+## Picture with a grasshopper
+
+This is an example page with the image of a grasshopper (made of steel) that was uploaded in the global media folder (Uncategorized). The resulting Markdown code is:
 
 `![drooderfiets and grasshopper](/img/grasshopper.jpg)`
 

src/pages/examples/images/global/heron.md

@@ -0,0 +1,11 @@
+---
+layout: base
+title: Heron
+subtitle: drooderfiets and heron
+description: An example page with a heron from general folder
+---
+This is an example page with the image of a heron that was uploaded in the global media folder (Uncategorized). The resulting Markdown code is:
+
+`![drooderfiets and grasshopper](/img/animals/heron.jpg)`
+
+![drooderfiets and grasshopper](/img/animals/heron.jpg)

src/pages/examples/part-1/section-b/index.md → src/pages/examples/images/global/index.md

@@ -1,7 +1,7 @@
 ---
 layout: base
-title: Section B
+title: Global images
 subtitle: Yet another example page
 ---
-This is section B of Part 1
+This is the head of section global
 

src/pages/examples/part-1/index.md → src/pages/examples/images/index.md

@@ -4,4 +4,4 @@ title: Part 1
 subtitle: Yet another example page
 ---
 
-This is the page Part 1
+This is the page at the head of image section.

src/pages/examples/part-1/section-a/sheep.md → src/pages/examples/images/local/sheep.md

@@ -5,5 +5,5 @@ subtitle: Yet another example page
 ---
 ## A picture of sheep
 
-![drooderfiets and sheep](/examples/part-1/section-a/sheep.jpg)
+![drooderfiets and sheep](/examples/images/local/sheep.jpg)
 

src/pages/examples/images/local/wasps.md

@@ -0,0 +1,13 @@
+---
+layout: base
+title: Wasps
+subtitle: Yet another example page
+---
+## A picture with wasps
+
+This is an example page with a photo of wasps that sits in the same folder as the current page. The resulting Markdown code is:
+
+`![drooderfiets and wasps](wasps.jpg)`
+
+![drooderfiets and wasps](wasps.jpg)
+