diff --git a/docs/style_guide.md b/docs/style_guide.md index d6a824627..637a279e3 100644 --- a/docs/style_guide.md +++ b/docs/style_guide.md @@ -42,6 +42,18 @@ sidebar_custom_props: {"info": true} --- ``` +To mark your module as external content, which at the moment is only used for other AWS workshops, place the following in the header of your markdown file: + +``` +--- +... +sidebar_custom_props: + { + "explore": "https://" + } +--- +``` + ### Navigating the AWS console There are instances where the user needs to navigate to specific screens in the AWS console. It is preferable to provide a link to the exact screen if possible, or a close as can be done. diff --git a/website/docs/fundamentals/cluster-upgrades/index.md b/website/docs/fundamentals/cluster-upgrades/index.md new file mode 100644 index 000000000..f13617eeb --- /dev/null +++ b/website/docs/fundamentals/cluster-upgrades/index.md @@ -0,0 +1,14 @@ +--- +title: "EKS Cluster Upgrades" +sidebar_custom_props: + { + "explore": "https://catalog.us-east-1.prod.workshops.aws/workshops/693bdee4-bc31-41d5-841f-54e3e54f8f4a", + } +sidebar_position: 90 +--- + +The Kubernetes project is constantly updated with new features, design updates, and bug fixes. New minor versions are released on average every four months and are supported for about twelve months after their release. So, one of the key considerations for Amazon EKS users is to plan and execute these version updates in a timely manner. + +Refer the Amazon EKS Upgrades Workshop below for step-by-step guidance and best practices in planning and upgrading EKS Clusters. It includes a series of labs describing various stages of an upgrade process, starting from preparation, choosing an upgrade plan, executing the upgrade, while maintaining availability during the process. + + diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss index 0c1f2ebd2..d732fc0b7 100644 --- a/website/src/css/custom.scss +++ b/website/src/css/custom.scss @@ -207,6 +207,10 @@ background-color: #ff9900; } +.explore { + background-color: #0073bb; +} + .category-wrapper { display: flex; width: 100%; diff --git a/website/src/theme/DocSidebarItem/Category/index.js b/website/src/theme/DocSidebarItem/Category/index.js index 4e827c29f..c1e150a7d 100644 --- a/website/src/theme/DocSidebarItem/Category/index.js +++ b/website/src/theme/DocSidebarItem/Category/index.js @@ -180,6 +180,11 @@ export default function DocSidebarItemCategory({ ) : ( )} + {item.customProps?.explore ? ( + EXPLORE + ) : ( + + )} diff --git a/website/src/theme/DocSidebarItem/Link/index.js b/website/src/theme/DocSidebarItem/Link/index.js index a4e6df518..5d4c4ac7f 100644 --- a/website/src/theme/DocSidebarItem/Link/index.js +++ b/website/src/theme/DocSidebarItem/Link/index.js @@ -56,9 +56,27 @@ export default function DocSidebarItemLink({ ) : ( )} + {item.customProps?.explore ? ( + EXPLORE + ) : ( + + )} {!isInternalLink && } + {item.customProps?.explore && ( + + )} );