Merge pull request #27 from CodeWithGroup/feature/dynamic-events

Dynamically generate scheduled events from the EventBrite API

Author: KeiranWDigital

_includes/eventbrite-button-script.html

@@ -3,7 +3,7 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-        <meta name="description" content="We are Codewith. Code with us.">
+        <meta name="description" content="We are CodeWith. Code with us.">
         <meta name="author" content="Drew Morgan">
 
         <title>CodeWith - {{ page.title }}</title>

_includes/head.html

@@ -1,6 +1,7 @@
 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 <script src="./js/ie10-viewport-bug-workaround.js"></script>
 
+<script src="https://www.eventbrite.co.uk/static/widgets/eb_widgets.js"></script>
 <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 <script crossorigin="anonymous" src="https://code.jquery.com/jquery-3.5.1.min.js"
     integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="></script>
@@ -11,7 +12,32 @@
 <script crossorigin="anonymous" src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
     integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"></script>
 
-<script src="./js/change-font.js"></script>
-<script src="./js/check-width.js"></script>
-<script src="./js/sidebar.js"></script>
-<script src="./js/typed-suffix.js"></script>
+<script type="text/javascript" src="./js/change-font.js"></script>
+<script type="text/javascript" src="./js/check-width.js"></script>
+<script type="text/javascript" src="./js/sidebar.js"></script>
+<script type="text/javascript" src="./js/typed-suffix.js"></script>
+
+<!-- Page-specific scripts -->
+<script type="text/javascript">
+    if ("{{page.title}}" === "Events") {
+        $.ajax({
+            "async": true,
+            "crossDomain": true,
+            "url": "https://9buw6tj3aj.execute-api.eu-west-2.amazonaws.com/default/",
+            "method": "GET",
+            "headers": {
+                "Content-Type": "application/json"
+            }
+        }).done(function(data) {
+            console.log(data.body);
+
+            $("#events-scheduled").append(data.content);
+            $("#eventBriteWidgets").append(data.widgets);
+            $.globalEval(data.widgets);
+        });
+    }
+</script>
+
+<!-- Placeholder for dynamic EventBrite integration script generation -->
+<script id="eventBriteWidgets" type="text/javascript">
+</script>