remove modal from interactive tutorials

The modal in the interactive tutorials is difficult to navigate. I can not scroll (left to right) and (up and down) because of the embedded iframe.
hixio-mh · Sep 22, 2020 · f2d525e · f2d525e
1 parent 81ca55d
commit f2d525e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 84 deletions.
diff --git a/assets/js/launch-tutorial.js b/assets/js/launch-tutorial.js
diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
@@ -25,9 +25,6 @@
     </div>
     {{ partial "privacy-notice.html" }}
     {{ partial "scripts.html" . }}
-    {{ $launchTutorialJs := resources.Get "js/launch-tutorial.js" }}
-    {{ $launchTutorialJs := $launchTutorialJs | minify }}
-    <script src="{{ $launchTutorialJs.RelPermalink }}"></script>
     {{ $tabsJs := resources.Get "js/tabs.js" }}
     {{ $tabsJs := $tabsJs | minify }}
     <script src="{{ $tabsJs.RelPermalink }}"></script>

diff --git a/layouts/shortcodes/tutorial.html b/layouts/shortcodes/tutorial.html
@@ -2,13 +2,9 @@
 <div class="alert alert-success" role="alert">
     <h4 class="alert-heading">Note</h4>
     <p>See also the <b>{{ .Get "name" | safeHTML }}</b> interactive tutorial.</p>
-    <button type="button"
-            class="btn btn-success interactive-tutorial-trigger"
-            data-katacoda-src={{ .Get "katacoda-src" }}
-            data-github-lnk={{ .Get "github-lnk" }}
-            data-qwiklabs-lnk={{ .Get "qwiklabs-lnk" }}>
-            Launch Interactive Tutorial
-    </button>
+    <a href="https://katacoda.com/ncskier/scenarios/tekton-dashboard" target="_blank" rel="noopener" type="button">
+        <div class="btn btn-success" type="button">Launch Interactive Tutorial</div>
+    </a>
     {{ partial "tutorial-modal.html" }}
     </div>
 </div>
diff --git a/layouts/try/baseof.html b/layouts/try/baseof.html
@@ -48,26 +48,24 @@ <h2>Interactive Tutorials</h1>
             <div class="col-lg-8 mr-2 ml-2">
                 <div class="row">
                     <div class="col-md-4 pl-1 pr-1 pb-3">
-                        <article class="card card-custom-style interactive-tutorial-trigger"
-                            style="background-color: hsl(171, 100%, 41%)" data-katacoda-src="ncskier/tekton-dashboard"
-                            data-github-lnk="ncskier/katacoda/tree/master/tekton-dashboard" data-qwiklabs-lnk="">
-                            <div class="card-img-top">
-                                <img src="/try/icons/dashboard.png" class="img-fluid">
-                            </div>
-                            <div class="card-body card-body-custom-style">
-                                <p class="h4 text-white">Monitor with Tekton dashboard</p>
-                            </div>
-                        </article>
+                        <a href="https://katacoda.com/ncskier/scenarios/tekton-dashboard" target="_blank" rel="noopener">
+                            <article  class="card card-custom-style"
+                                style="background-color: hsl(171, 100%, 41%)">
+                                <div class="card-img-top">
+                                    <img src="/try/icons/dashboard.png" class="img-fluid">
+                                </div>
+                                <div class="card-body card-body-custom-style">
+                                    <p class="h4 text-white">Monitor with Tekton dashboard</p>
+                                </div>
+                            </article>
+                        </a>
                     </div>
                 </div>
             </div>
         </section>
     </div>
     {{ partial "privacy-notice.html" }}
     {{ partial "scripts.html" . }}
-    {{ $launchTutorialJs := resources.Get "js/launch-tutorial.js" }}
-    {{ $launchTutorialJs := $launchTutorialJs | minify }}
-    <script src="{{ $launchTutorialJs.RelPermalink }}"></script>
 </body>
 
 </html>