EventCards whole card linking & raise 🎯

Closes #43, closes #44

src/css/components/EventsList.css

@@ -22,8 +22,28 @@
     background: #ffffff;
     margin-bottom: 0.5rem;
     padding: 0.4rem;
+    @mixin card flat;
+  }
 
+  &__item {
+    background: #ffffff;
+    margin-bottom: 0.5rem;
+    padding: 0.4rem;
+    text-decoration: none;
+    transition: box-shadow 300ms ease;
+    display: block;
     @mixin card flat;
+
+    &:hover {
+      @mixin card raised;
+    }
+
+    & .event_item {
+      box-shadow: none;
+      padding: 0;
+      margin-bottom: 0;
+      background: transparent;
+    }
   }
 
   & .msl_event_name {

src/js/bits/events_card_linking.js

@@ -0,0 +1,11 @@
+export default () => {
+  [...document.querySelectorAll('.EventsList .event_item')].forEach((eventItem) => {
+    const link = eventItem.querySelector('.msl_event_name').href;
+    const anchor = document.createElement('a');
+    anchor.href = link;
+    anchor.classList.add('EventsList__item');
+    // eslint-disable-next-line
+    eventItem.parentNode.insertBefore(anchor, eventItem);
+    anchor.appendChild(eventItem);
+  });
+};

src/js/bootstrap.js

@@ -10,6 +10,7 @@ import NewsletterModal from './components/NewsletterModal';
 import SnapchatModal from './components/SnapchatModal';
 import perf from './tracking/perf';
 import renderSearch from './apps/search';
+import eventCardLinking from './bits/events_card_linking';
 
 // Promise polyfil
 if (!window.Promise) {
@@ -89,5 +90,9 @@ document.addEventListener('DOMContentLoaded', () => {
     localStorage.setItem('su_cookie', '1');
   }
 
-  System.import('./bits/panel').then(panel => panel.default());
+  eventCardLinking();
+
+  if (localStorage.getItem('su_proto') === '1') {
+    System.import('./bits/panel').then(panel => panel.default());
+  }
 });