From 78f466db514c7df2a6d64a309c0eecbe0fb0505c Mon Sep 17 00:00:00 2001
From: Sarah Stevens <sarah.stevens@wisc.edu>
Date: Fri, 8 Nov 2024 09:23:30 -0600
Subject: [PATCH] updating eventbrite embed

---
 index.md | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/index.md b/index.md
index 7e75af9..bed4f1f 100644
--- a/index.md
+++ b/index.md
@@ -75,13 +75,26 @@ displayed if the 'eventbrite' field in the header is not set.
 {% if page.eventbrite %}
 <strong>Some adblockers block the registration window. If you do not see the
   registration box below, please check your adblocker settings.</strong>
-<iframe
-  src="https://www.eventbrite.com/tickets-external?eid={{page.eventbrite}}&ref=etckt"
-  frameborder="0"
-  width="100%"
-  height="280px"
-  scrolling="auto">
-</iframe>
+<div id="eventbrite-widget-container-1070926964379"></div>
+
+<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>
+
+<script type="text/javascript">
+    var exampleCallback = function() {
+        console.log('Order complete!');
+    };
+
+    window.EBWidgets.createWidget({
+        // Required
+        widgetType: 'checkout',
+        eventId: '1070926964379',
+        iframeContainerId: 'eventbrite-widget-container-1070926964379',
+
+        // Optional
+        iframeContainerHeight: 425,  // Widget height in pixels. Defaults to a minimum of 425px if not provided
+        onOrderComplete: exampleCallback  // Method called when an order has successfully completed
+    });
+</script>
 {% endif %}
 
 <h2 id="register">Registration</h2>