Front page schedule

app/assets/javascripts/schedule.js

@@ -0,0 +1,30 @@
+(function() {
+	var body = document.querySelector('body');
+	var primaryContent = document.getElementById('primary-content');
+	var eventDlg = document.getElementById('event-dlg');
+
+	forEachElement('.event-detail-link', function(link) {
+		var eventDetails = link.parentElement.querySelector('.event-details');
+		var moreDetails = eventDlg.querySelector('.more-details');
+
+		link.addEventListener('click', function(event) {
+			event.preventDefault();
+			eventDlg.querySelector('.event-details').innerHTML = eventDetails.innerHTML;
+			var href = eventDetails.getAttribute('data-href');
+			if (href) {
+				moreDetails.setAttribute('href', href);
+				moreDetails.classList.remove('hidden');
+			} else {
+				moreDetails.classList.add('hidden');
+			}
+			window.openOverlay(eventDlg, primaryContent, body);
+
+			var closeDlg = function(event) {
+				event.preventDefault();
+				window.closeOverlay(eventDlg, primaryContent, body);
+			};
+			eventDlg.querySelector('.close-btn').onclick = closeDlg;
+			document.getElementById('overlay').onclick = closeDlg;
+		});
+	});
+})();

app/assets/stylesheets/_application.scss

@@ -1546,6 +1546,30 @@ table.schedule {
 	width: 100%;
 	margin: 0 0 1em;
 
+	&.locations-1 td.workshop {
+		width: 100%;
+	}
+
+	&.locations-2 td.workshop {
+		width: 50%;
+	}
+
+	&.locations-3 td.workshop {
+		width: 33.333%;
+	}
+
+	&.locations-4 td.workshop {
+		width: 25%;
+	}
+
+	&.locations-5 td.workshop {
+		width: 20%;
+	}
+
+	&.locations-6 td.workshop {
+		width: 16.66667%;
+	}
+
 	td {
 		position: relative;
 		text-align: center;