Update pipeline topics

Added missing screenshots, fixed x-ref after QA

Author: NimRegev

_data/nav.yml

@@ -1,3 +1,4 @@
+
 - title: CI pipelines
   url: "/pipelines"
   pages:
@@ -24,6 +25,10 @@
           url: "/deploy"
         - title: Approval
           url: "/approval"
+        - title: Conditional execution of steps
+          url: "/conditional-execution-of-steps"
+        - title: Post-step operations
+          url: "/post-step-operations"
     - title: Triggers in CI pipelines
       url: "/triggers"
       sub-pages:
@@ -41,10 +46,6 @@
           url: "/jfrog-triggers"
         - title: Timer (Cron) triggers
           url: "/cron-triggers"
-    - title: Conditional execution of steps
-      url: "/conditional-execution-of-steps"
-    - title: Post-step operations"
-      url: "/post-step-operations"
     - title: Variables in CI pipelines
       url: "/variables" 
     - title: Hooks in CI pipelines
@@ -59,7 +60,7 @@
       url: "/debugging-pipelines"
     - title: Monitoring CI pipelines
       url: "/monitoring-pipelines"
-    - title: Complex CI pipelines
+    - title: Advanced workflows
       url: "/advanced-workflows"
     - title: Running CI pipelines locally
       url: "/running-pipelines-locally"

_docs/pipelines/annotations.md

@@ -1,5 +1,5 @@
 ---
-title: "Annotations in pipelines"
+title: "Annotations in CI pipelines"
 description: "Mark your builds and projects with extra annotations"
 group: codefresh-yaml
 toc: true
@@ -107,8 +107,8 @@ For build annotations click the *Annotations* on the build details:
 {% include 
 image.html 
 lightbox="true" 
-file="/images/codefresh-yaml/annotations/view-build-annotations.png" 
-url="/images/codefresh-yaml/annotations/view-build-annotations.png"
+file="/images/pipeline/codefresh-yaml/annotations/view-build-annotations.png" 
+url="/images/pipeline/codefresh-yaml/annotations/view-build-annotations.png"
 alt="Viewing Build annotations" 
 caption="Viewing Build annotations"
 max-width="80%"
@@ -119,8 +119,8 @@ For pipeline annotations click the *Annotations* button in the pipeline list vie
 {% include 
 image.html 
 lightbox="true" 
-file="/images/codefresh-yaml/annotations/view-pipeline-annotations.png" 
-url="/images/codefresh-yaml/annotations/view-pipeline-annotations.png"
+file="/images/pipeline/codefresh-yaml/annotations/view-pipeline-annotations.png" 
+url="/images/pipeline/codefresh-yaml/annotations/view-pipeline-annotations.png"
 alt="Viewing Pipeline annotations" 
 caption="Viewing Pipeline annotations"
 max-width="80%"
@@ -131,9 +131,8 @@ For project annotations click the *Annotations* button in the project list view:
 {% include 
 image.html 
 lightbox="true" 
-file="/images/codefresh-yaml/annotations/view-project-annotations.png" 
-file="/images/codefresh-yaml/annotations/view-project-annotations.png" 
-url="/images/codefresh-yaml/annotations/view-build-annotations.png"
+file="/images/pipeline/codefresh-yaml/annotations/view-project-annotations.png" 
+url="/images/pipeline/codefresh-yaml/annotations/view-build-annotations.png"
 alt="Viewing project annotations" 
 caption="Viewing project annotations"
 max-width="80%"
@@ -145,8 +144,8 @@ In all cases you will see a dialog with all existing annotations.
 {% include 
 image.html 
 lightbox="true" 
-file="/images/codefresh-yaml/annotations/edit-project-annotations.png" 
-url="/images/codefresh-yaml/annotations/edit-project-annotations.png"
+file="/images/pipeline/codefresh-yaml/annotations/edit-project-annotations.png" 
+url="/images/pipeline/codefresh-yaml/annotations/edit-project-annotations.png"
 alt="Editing annotations" 
 caption="Editing annotations"
 max-width="50%"
@@ -297,6 +296,6 @@ Note that this syntax is optional. You can still define annotations for a build/
 
 ## Related articles
 [Image annotations]({{site.baseurl}}/docs/docker-registries/metadata-annotations/)  
-[Post-Step Operations]({{site.baseurl}}/docs/pipelines/post-step-operations/)  
-[Creating pipelines]({{site.baseurl}}/docs/pipelines/pipelines/)  
-[Hooks in pipelines]({{site.baseurl}}/docs/pipelines/hooks/)  
+[Post-step operations]({{site.baseurl}}/docs/pipelines/post-step-operations/)  
+[Creating CI pipelines]({{site.baseurl}}/docs/pipelines/pipelines/)  
+[Hooks in CI pipelines]({{site.baseurl}}/docs/pipelines/hooks/)  

_docs/pipelines/conditional-execution-of-steps.md

@@ -241,7 +241,7 @@ Try running the pipeline above and see how it behaves when a variable called `MY
 >Notice that if you use this pattern a lot it means that you are trying to create a complex pipeline that is very smart. We suggest you create instead multiple [simple pipelines for the same project]({{site.baseurl}}/docs/ci-cd-guides/pull-request-branches/#trunk-based-development).
 
 ## Related articles
-[Codefresh YAML]({{site.baseurl}}/docs/codefresh-yaml/what-is-the-codefresh-yaml/  
+[Codefresh YAML]({{site.baseurl}}/docs/pipelines/what-is-the-codefresh-yaml/)   
 [Variables]({{site.baseurl}}/docs/pipelines/variables/)  
 [Pull Requests and Branches]({{site.baseurl}}/docs/ci-cd-guides/pull-request-branches/)  
 [Pipeline/Step hooks]({{site.baseurl}}/docs/pipelines/hooks/)

_docs/pipelines/build-status.md renamed to _docs/pipelines/configuration/build-status.md

@@ -1,7 +1,7 @@
 ---
-title: "Global settings for piplines"
+title: "Global settings for CI pipelines"
 description: "Define global options for pipeline templates, yaml sources and approval behavior"
-group: administration
+group: pipelines
 toc: true
 ---
 
@@ -11,8 +11,8 @@ On this page, you can define global parameters for the whole Codefresh account r
 
 {% include image.html
 lightbox="true"
-file="/images/administration/pipeline-settings/pipeline-settings-ui.png"
-url="/images/administration/pipeline-settings/pipeline-settings-ui.png"
+file="/images/pipeline/pipeline-settings/pipeline-settings-ui.png"
+url="/images/pipeline/pipeline-settings/pipeline-settings-ui.png"
 alt="Pipeline settings"
 caption="Pipeline settings"
 max-width="80%"

_docs/pipelines/pipeline-settings.md renamed to _docs/pipelines/configuration/pipeline-settings.md

@@ -1,7 +1,7 @@
 ---
-title: "Secrets in pipelines"
+title: "Secrets in CI pipelines"
 description: "Use Kubernetes secrets in Codefresh"
-group: configure-ci-cd-pipeline
+group: pipelines
 toc: true
 ---
 

_docs/pipelines/secrets-store.md renamed to _docs/pipelines/configuration/secrets-store.md

@@ -1,7 +1,7 @@
 ---
-title: "Shared configuration for piplines"
+title: "Shared configuration for CI pipelines"
 description: "How to keep your pipelines DRY"
-group: configure-ci-cd-pipeline
+group: pipelines
 toc: true
 ---
 

_docs/pipelines/shared-configuration.md renamed to _docs/pipelines/configuration/shared-configuration.md

@@ -1,7 +1,7 @@
 ---
-title: "Debugging pipelines"
-description: "How to pause and inspect pipelines"
-group: configure-ci-cd-pipeline
+title: "Debugging CI pipelines"
+description: "Pause and inspect pipelines"
+group: pipelines
 toc: true
 ---
 
@@ -246,5 +246,5 @@ If you get the message *your linux distribution is not supported* please contact
 
 ## Related articles
 [Codefresh YAML]({{site.baseurl}}/docs/pipelines/what-is-the-codefresh-yaml/)  
-[Pipeline steps]({{site.baseurl}}/docs/pipelines/steps/)  
+[Steps in CI pipelines]({{site.baseurl}}/docs/pipelines/steps/)  
 [Running pipelines locally]({{site.baseurl}}/docs/pipelines/running-pipelines-locally/)  

_docs/pipelines/debugging-pipelines.md

@@ -13,8 +13,8 @@ This article explains how to create advanced view of your images and enrich them
 {% 
   include image.html 
   lightbox="true" 
-  file="/images/codefresh-yaml/docker-image-metadata/metadata.png" 
-  url="/images/codefresh-yaml/docker-image-metadata/metadata.png" 
+  file="/images/pipeline/codefresh-yaml/docker-image-metadata/metadata.png" 
+  url="/images/pipeline/codefresh-yaml/docker-image-metadata/metadata.png" 
   alt="Codefresh Docker registry metadata" 
   max-width="65%" 
 %}
@@ -135,7 +135,7 @@ Image quality has 3 indicators:
 * False - this image is not considered a quality image  (ex. when tests failed but the image was already built).
 * No value (nobody set the annotation) - this image has no quality indicator.
 
-{% include image.html lightbox="true" file="/images/c39a9a2-QUALI.png" url="/images/c39a9a2-QUALI.png" alt="QUALI" max-width="40%" %}
+{% include image.html lightbox="true" file="/images/pipeline/docker-image/quality-image-annotation.png" url="/images/pipeline/docker-image/quality-image-annotation.png" caption="Quality image annotation" max-width="40%" %}
 
 
 ## Viewing Image Metadata Annotations