Merge pull request #18 from CodeWithGroup/content/20200914-workshop

Content/20200914 workshop

Author: codewithgithub

_includes/eventbrite-button-script.html

@@ -5,6 +5,14 @@
     var orderComplete = function () {
         console.log('Order complete!');
     };
+    /* Programming 101 */
+    window.EBWidgets.createWidget({
+        widgetType: 'checkout',
+        eventId: '117920085149',
+        modal: true,
+        modalTriggerElementId: 'eventbrite-widget-modal-trigger-117920085149',
+        onOrderComplete: orderComplete
+    });
 
     /* Databases 101 */
     window.EBWidgets.createWidget({
@@ -50,5 +58,5 @@
         modalTriggerElementId: 'eventbrite-widget-modal-trigger-117832864269',
         onOrderComplete: orderComplete
     });
-    
+
 </script>

events.html

@@ -6,6 +6,37 @@
 <h1>{{page.title}}</h1>
 
 <section id="events">
+    <div class="row card">
+        <div class="col-12">
+            <div class="row">
+                <div class="col-sm-4 col-lg-2 event-date">
+                    <span class="event-date-month">SEP</span>
+                    <span class="event-date-day">14</span>
+                </div>
+                <div class="col-sm-8 col-lg-10 event-title">
+                    <span class="event-title">Programming 101</span>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-12 col-lg-9 event-description">
+                    <span class="event-description">
+                        Programming 101 aims to introduce people to the basic principles common to all programming languages.
+                    </span>
+                </div>
+                <div class="col-md-12 col-lg-3 event-book-button">
+                    <!-- Noscript content for added SEO -->
+                    <noscript><a href="https://www.eventbrite.co.uk/e/programming-101-tickets-117920085149"
+                            rel="noopener noreferrer" target="_blank"></noscript>
+                    <!-- You can customize this button any way you like -->
+                    <button id="eventbrite-widget-modal-trigger-117920085149" class="btn btn-primary float-right"
+                        type="button">Register</button>
+                    <noscript></a>Register for tickets on Eventbrite</noscript>
+                    
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div class="row card">
         <div class="col-12">
             <div class="row">
@@ -31,7 +62,7 @@ <h1>{{page.title}}</h1>
                     <!-- You can customize this button any way you like -->
                     <button id="eventbrite-widget-modal-trigger-117562278941" class="btn btn-primary float-right"
                         type="button">Register</button>
-                    <noscript></a>Buy Tickets on Eventbrite</noscript>
+                    <noscript></a>Register for tickets on Eventbrite</noscript>
                 </div>
             </div>
         </div>
@@ -62,7 +93,7 @@ <h1>{{page.title}}</h1>
                     <!-- You can customize this button any way you like -->
                     <button id="eventbrite-widget-modal-trigger-117832786035" class="btn btn-primary float-right"
                         type="button">Register</button>
-                    <noscript></a>Buy Tickets on Eventbrite</noscript>
+                    <noscript></a>Register for tickets on Eventbrite</noscript>
                 </div>
             </div>
         </div>
@@ -93,7 +124,7 @@ <h1>{{page.title}}</h1>
                     <!-- You can customize this button any way you like -->
                     <button id="eventbrite-widget-modal-trigger-117920634793" class="btn btn-primary float-right"
                         type="button">Register</button>
-                    <noscript></a>Buy Tickets on Eventbrite</noscript>
+                    <noscript></a>Register for tickets on Eventbrite</noscript>
                 </div>
             </div>
         </div>
@@ -125,7 +156,7 @@ <h1>{{page.title}}</h1>
                     <!-- You can customize this button any way you like -->
                     <button id="eventbrite-widget-modal-trigger-117920303803" class="btn btn-primary float-right"
                         type="button">Register</button>
-                    <noscript></a>Buy Tickets on Eventbrite</noscript>
+                    <noscript></a>Register for tickets on Eventbrite</noscript>
                 </div>
             </div>
         </div>
@@ -156,7 +187,7 @@ <h1>{{page.title}}</h1>
                     <!-- You can customize this button any way you like -->
                     <button id="eventbrite-widget-modal-trigger-117832864269" class="btn btn-primary float-right"
                         type="button">Register</button>
-                    <noscript></a>Buy Tickets on Eventbrite</noscript>
+                    <noscript></a>Register for tickets on Eventbrite</noscript>
                     </script>
                 </div>
             </div>