Added launch button and link to Karpenter workshop (#796)

website/docs/autoscaling/compute/karpenter/further.md

@@ -0,0 +1,10 @@
+---
+title: "Further learning"
+sidebar_position: 90
+---
+
+This lab has introduced the basics of managing EKS compute with Karpenter, but has only scraped the surface of its capabilities!
+
+For a more thorough set of hands-on exercises please see the Karpenter Workshop linked below.
+
+<launchButton url="https://catalog.workshops.aws/karpenter" label="Karpenter Workshop" />

website/src/components/LaunchButton/index.tsx

@@ -0,0 +1,20 @@
+import React, {type ReactNode} from 'react';
+import clsx from 'clsx';
+
+import styles from './styles.module.css';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
+
+interface Props {
+  url: string;
+  label: string;
+}
+
+export default function BrowserWindow({
+  url = 'http://localhost:3000',
+  label = 'Launch'
+}: Props): JSX.Element {
+  return (
+    <a className={styles.button} href={url} target="_blank">{label} <FontAwesomeIcon className={styles.icon} icon={faArrowUpRightFromSquare} /></a>
+  );
+}

website/src/components/LaunchButton/styles.module.css

@@ -0,0 +1,19 @@
+.button {
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+
+  text-decoration: none;
+  color: initial;
+  background-color: #f90;
+  padding-inline: 20px;
+  padding-block: 4px;
+  border: 1px solid #f90;
+  font-weight: bold;
+  border-radius: 2px;
+  cursor: pointer;
+}
+
+.icon {
+  padding-left: 4px;
+}

website/src/theme/MDXComponents.js

@@ -7,6 +7,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 import CodeBlock from '@theme/CodeBlock';
 import Kustomization from '@site/src/components/Kustomization';
+import LaunchButton from '@site/src/components/LaunchButton';
 
 export default {
   // Re-use the default mapping
@@ -15,4 +16,5 @@ export default {
   terminal: Terminal,
   browser: BrowserWindow,
   kustomization: Kustomization,
+  launchButton: LaunchButton
 };