docs: add image zoom in docs and app composer image (#789)

ran-isenberg · Ran Isenberg · web-flow · commit e1a6ad98087a · 2024-01-17T11:53:20.000+02:00
Co-authored-by: Ran Isenberg &lt;ran.isenberg@ranthebuilder.cloud&gt;
diff --git a/docs/cdk.md b/docs/cdk.md
@@ -58,3 +58,10 @@ The first test, `test_cdk` uses CDK's testing framework which asserts that requi
 The security tests are based on `cdk_nag`. It checks your cloudformation output for security best practices. It can be found in the `service_stack.py` as part of the stack definition. It will fail the deployment when there is a security issue.
 
 For more information click [here](https://docs.aws.amazon.com/prescriptive-guidance/latest/patterns/check-aws-cdk-applications-or-cloudformation-templates-for-best-practices-by-using-cdk-nag-rule-packs.html){:target="_blank" rel="noopener"}.
+
+### Deployed Resources
+
+In the picture below you can see all the deployed resources ordered into domain groups. The image was created with the IDE plugin of AWS Application Composer.
+
+
+<img alt="alt_text" src="../media/application-composer-main-Orders-dev.template.json.png" />
diff --git a/docs/index.md b/docs/index.md
@@ -29,7 +29,7 @@ This project aims to reduce cognitive load and answer these questions for you by
 
 #### **Monitoring Design**
 
-[<img alt="alt_text" src="./media/monitoring_design.png" />](https://www.ranthebuilder.cloud/)
+<img alt="alt_text" src="./media/monitoring_design.png" />
 
 ### **Features**
 
diff --git a/docs/media/application-composer-main-Orders-dev.template.json.png b/docs/media/application-composer-main-Orders-dev.template.json.png
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -80,6 +80,19 @@ copyright: Copyright &copy; 2023 Ran Isenberg
 plugins:
   - git-revision-date
   - search
+  - glightbox:
+       touchNavigation: true
+       loop: false
+       effect: zoom
+       slide_effect: slide
+       width: 100%
+       height: auto
+       zoomable: true
+       draggable: true
+       skip_classes:
+         - custom-skip-class-name
+       auto_caption: false
+       caption_position: bottom
 extra_css:
   - stylesheets/extra.css
 
diff --git a/poetry.lock b/poetry.lock
diff --git a/pyproject.toml b/pyproject.toml
@@ -49,6 +49,7 @@ xenon = "*"
 pre-commit = "*"
 mkdocs-material = "*"
 mkdocs-git-revision-date-plugin = "*"
+mkdocs-glightbox = "*"
 types-cachetools = "*"
 mypy = "*"
 types-requests = "*"
