From e3b6ab95793744d0a87c3a943877a23449b1066e Mon Sep 17 00:00:00 2001
From: Tim Bannister <tim@scalefactory.com>
Date: Tue, 3 Aug 2021 14:31:38 +0100
Subject: [PATCH] Improve Katacoda button

Separate out the HTML <div> for Katacoda from the in-page button to
trigger it.
---
 layouts/partials/hooks/body-end.html | 3 +++
 layouts/shortcodes/kat-button        | 3 +--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/hooks/body-end.html b/layouts/partials/hooks/body-end.html
index 36e65f7791..e0f9d5410b 100644
--- a/layouts/partials/hooks/body-end.html
+++ b/layouts/partials/hooks/body-end.html
@@ -1,3 +1,6 @@
+{{ if .HasShortcode "kat-button" }}
+<div id="katacoda-environment" data-katacoda-ondemand="true" data-katacoda-port="30000" data-katacoda-env="minikube" data-katacoda-command="start.sh" data-katacoda-ui="panel"></div>
+{{ end }}
 {{ with .Site.Params.algolia_docsearch }}
 <!-- scripts for algolia docsearch -->
 {{ end }}
diff --git a/layouts/shortcodes/kat-button b/layouts/shortcodes/kat-button
index 3165e30150..4dcdfa5653 100644
--- a/layouts/shortcodes/kat-button
+++ b/layouts/shortcodes/kat-button
@@ -1,3 +1,2 @@
-<div id="my-panel" data-katacoda-ondemand="true" data-katacoda-port="30000" data-katacoda-env="minikube" data-katacoda-command="start.sh" data-katacoda-ui="panel"></div>
-<script src="https://katacoda.com/embed.js"></script>
+<script defer src="https://katacoda.com/embed.js"></script>
 <button class="button" onclick="window.katacoda.init(); ">Launch Terminal</button>