making the mt-form have some agreement before the form appears

assets/css/compiled/main.css

@@ -1441,6 +1441,10 @@ select {
   order: -9999;
 }
 
+.m-2 {
+  margin: 0.5rem;
+}
+
 .m-auto {
   margin: auto;
 }
@@ -1453,6 +1457,14 @@ select {
   margin: 0.25rem;
 }
 
+.m-4 {
+  margin: 1rem;
+}
+
+.m-6 {
+  margin: 1.5rem;
+}
+
 .my-0 {
   margin-top: 0px;
   margin-bottom: 0px;
@@ -1635,14 +1647,14 @@ select {
   height: 100vh;
 }
 
-.h-24 {
-  height: 6rem;
-}
-
 .h-12 {
   height: 3rem;
 }
 
+.h-24 {
+  height: 6rem;
+}
+
 .h-1\/2 {
   height: 50%;
 }
@@ -2011,6 +2023,11 @@ select {
   --tw-gradient-to: rgba(var(--color-secondary-700), 1);
 }
 
+.box-decoration-slice {
+  -webkit-box-decoration-break: slice;
+          box-decoration-break: slice;
+}
+
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;

layouts/shortcodes/mt-form.html

@@ -1,4 +1,37 @@
+
+<script>
+  function process() {
+      var studentAgree = document.getElementById("student-agree").checked;
+      console.log(studentAgree);
+      var parentAgree = document.getElementById("adult-agree").checked;
+      console.log(parentAgree);
+      if (studentAgree && parentAgree) {
+          document.getElementById('form').hidden = false
+          console.log("WOOHOO");
+      }
+      else {
+          document.getElementById('form').hidden = true
+          console.log("NEGATORY");
+      }
+  }
+  document.addEventListener('DOMContentLoaded', process);
+</script>
+
+<div class="m-4">
+  <div class="p-2">
+    <input type="checkbox" name="student-agree" id="student-agree" onclick="process()" />
+    <label for="student-agree">I agree to the above</label>
+  </div>
+  <div class="p-2">
+    <input type="checkbox" name="adult-agree" id="adult-agree" onclick="process()" />
+    <label for="adult-agree">Parent agrees to the above</label>
+  </div>
+</div>
+
+<div class="h-12" style="display: flex;"></div>
+
 <iframe
+  id="form"
   class="mt-form w-full h-screen"
   src="https://tbl.tfcconnection.org/dashboard/#/nc/form/771dc7dc-9a82-49e4-abfe-0fd7b72281f2?embed"
   frameborder="0"