Event templates

templates/event/event.css

@@ -0,0 +1,30 @@
+.event main .section > div,
+.event main .section div + .default-content-wrapper {
+  padding-top: 0;
+}
+
+.event main .section .default-content-wrapper h2:only-child {
+  padding-bottom: 20px;
+}
+
+.event main .section .default-content-wrapper {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+.event .event-title {
+  font-size: 36px;
+}
+
+.event .find-out-more {
+  padding: 30px 0;
+  margin-right: 8px;
+}
+
+.event .find-out-more .fa-external-link {
+  color: inherit;
+}
+
+.event main .event-container p:last-of-type {
+  padding-bottom: 100px;
+}

templates/event/event.js

@@ -0,0 +1,22 @@
+import {
+  div,
+} from '../../scripts/dom-builder.js';
+
+async function renderDetails(insertAfterElement) {
+  const summary = div({ class: 'event-summary' });
+  insertAfterElement.parentNode.insertBefore(summary, insertAfterElement.nextSibling);
+}
+
+export default async function buildAutoBlocks() {
+  const title = document.getElementById('event-details');
+  if (title) title.classList.add('event-title');
+
+  const moreBtn = document.querySelector('main strong > a:last-of-type');
+  if (moreBtn) {
+    moreBtn.setAttribute('target', '_blank');
+    const par = moreBtn.closest('p');
+    par.classList.add('find-out-more');
+  }
+
+  renderDetails(title);
+}