From 1a9b307b4eab481891e6699b50b635b07346b961 Mon Sep 17 00:00:00 2001
From: Cody Clark <codyclark@google.com>
Date: Thu, 13 Sep 2018 15:45:54 -0700
Subject: [PATCH] Add Katacoda Embedded Live Environment (#10276)

* Create kat-button

* Update test.md

* Update test.md

* Update test.md

* Update style-guide.md

* Update style-guide.md

* Update style-guide.md

* Update style-guide.md

* Update style-guide.md

* code highlight fix
---
 .../en/docs/contribute/style/style-guide.md   | 23 +++++++++++++++++++
 content/en/docs/test.md                       |  4 ++++
 layouts/shortcodes/kat-button                 |  3 +++
 3 files changed, 30 insertions(+)
 create mode 100644 layouts/shortcodes/kat-button

diff --git a/content/en/docs/contribute/style/style-guide.md b/content/en/docs/contribute/style/style-guide.md
index cd228c0748..f577ca2a6c 100644
--- a/content/en/docs/contribute/style/style-guide.md
+++ b/content/en/docs/contribute/style/style-guide.md
@@ -263,6 +263,29 @@ The output is:
 **Warning:** Beware.
 {{< /warning >}}
 
+### Katacoda Embedded Live Environment
+
+This button lets users run Minikube in their browser using the [Katacoda Terminal](https://www.katacoda.com/embed/panel). 
+It lowers the barier of entry by allowing users to use Minikube with one click instead of going through the complete 
+Minikube and Kubectl installation process locally.
+
+The Embedded Live Environment is configured to run `minikube start` and lets users complete tutorials in the same window 
+as the documentation.
+
+{{< caution >}}
+**Caution:** The session is limited to 15 minutes.
+{{< /caution >}}
+
+For example:
+
+```
+{{</* kat-button */>}}
+```
+
+The output is: 
+
+{{< kat-button >}}
+
 ## Common Shortcode Issues
 
 ### Ordered Lists
diff --git a/content/en/docs/test.md b/content/en/docs/test.md
index 6492426441..3866154477 100644
--- a/content/en/docs/test.md
+++ b/content/en/docs/test.md
@@ -346,3 +346,7 @@ To add shortcodes to includes.
 {{< note >}}
 {{< include "federation-current-state.md" >}}
 {{< /note >}}
+
+## Katacoda Embedded Live Environment
+
+{{< kat-button >}}
diff --git a/layouts/shortcodes/kat-button b/layouts/shortcodes/kat-button
new file mode 100644
index 0000000000..55ebc70b93
--- /dev/null
+++ b/layouts/shortcodes/kat-button
@@ -0,0 +1,3 @@
+<div id="my-panel" data-katacoda-ondemand="true" data-katacoda-env="minikube" data-katacoda-command="minikube version; minikube start" data-katacoda-ui="panel"></div>
+<script src="https://katacoda.com/embed.js"></script>
+<button class="button" onclick="window.katacoda.init(); ">Launch Terminal</button>