KIT&GO intro, module 1

themes/coopgo-theme/layouts/shortcodes/kantree-form-button.html

@@ -0,0 +1,19 @@
+<button class="{{.Get 1}}" onclick="toggleKantreeOverlay({{.Get 2}})">{{.Inner}}</button>
+
+<div id="kantreeoverlay{{.Get 2}}" style="position: fixed; top: 52px; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(36,56,135,0.5); display: none;" onclick="toggleKantreeOverlay({{.Get 2}})">
+    <div class="w-full max-w-1000 m-auto bg-white h-full" style=" opacity: 1;">
+        <div class="small ta-r p-10"><a style="cursor:pointer" ontap="toggleKantreeOverlay({{.Get 2}})">X Fermer</a></div>
+        <iframe class="w-full h-full" style="border: 0;" src="{{.Get 0}}"></iframe>
+    </div>
+</div>
+
+<script>
+    function toggleKantreeOverlay(val) {
+        var x = document.getElementById("kantreeoverlay"+val);
+        if (x.style.display === "none") {
+            x.style.display = "block";
+        } else {
+            x.style.display = "none";
+        }
+    }
+</script>