From 3bb5e12142f705e0d2cc748902de484eac22f4b6 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Tue, 26 Sep 2023 16:46:07 -0700
Subject: [PATCH 01/22] feat: added link to events page

---
 app/elements/view-event.mjs | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/elements/view-event.mjs b/app/elements/view-event.mjs
index acfe324..ba5d7de 100644
--- a/app/elements/view-event.mjs
+++ b/app/elements/view-event.mjs
@@ -27,5 +27,10 @@ export default function ViewEvent({ html, state = {} }) {
       ></a>
     </div>
     <list-talks event_id="${event.id}"></list-talks>
+    <div class="">
+      <a target="_self" href="/events">
+        See all past events <i class="fa-solid fa-arrow-right"></i>
+      </a>
+    </div>
   `
 }

From 9feaa2e6c545776de574a32b7365edc19d30b27e Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Tue, 26 Sep 2023 16:48:17 -0700
Subject: [PATCH 02/22] feat: added events-list.mjs and rendering it on
 pages/events.mjs

---
 app/elements/events-list.mjs | 36 ++++++++++++++++++++++++++++++++++++
 app/pages/events.mjs         | 12 ++++--------
 2 files changed, 40 insertions(+), 8 deletions(-)
 create mode 100644 app/elements/events-list.mjs

diff --git a/app/elements/events-list.mjs b/app/elements/events-list.mjs
new file mode 100644
index 0000000..16d7965
--- /dev/null
+++ b/app/elements/events-list.mjs
@@ -0,0 +1,36 @@
+export default function EventsList({ html, state }) {
+    const { store } = state
+    const events  = store.data
+
+    if (events.length > 0) {
+      return html`
+      <style>
+      @media only screen and (min-width: 768px) {
+        :host {
+          display: flex;
+          flex-wrap: wrap;
+          align-items: flex-start;
+  	      justify-content: center;
+        }
+      }
+      li {
+        list-style-type: none;
+      }
+    </style>
+    <ul>
+
+        ${events.sort((a,b) => new Date(b.date) - new Date(a.date))
+          .map(
+            e => `
+            <li class=>
+              ${e.title}
+            </li>`
+          )
+          .join('')}
+      `
+    }else {
+        return `
+        <p>Wait for it...</p>
+        `
+    }
+  }
diff --git a/app/pages/events.mjs b/app/pages/events.mjs
index 3d12d8d..b70a5f3 100644
--- a/app/pages/events.mjs
+++ b/app/pages/events.mjs
@@ -1,15 +1,11 @@
-export default function ({ html, state = {} }) {
-  let { store = {} } = state
-  let { events } = store
-  //console.log(events)
+export default function events({ html }) {
+
   return html`
     <my-layout>
       <div id="page">
-        <div class="page-title"><h1>Our Events</h1></div>
+        <div class="page-title"><h1>Our Past Events</h1></div>
         <div class="page-body">
-          <ul>
-            ${events.map(e => /*html*/ `<li>${e.title}</li>`).join('')}
-          </ul>
+          <events-list></events-list>
         </div>
       </div>
     </my-layout>

From d30bf6d296c59b06cd93e5c8c5553177859eaa5f Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Tue, 26 Sep 2023 18:54:33 -0700
Subject: [PATCH 03/22] feat: displaying data and starting html

---
 app/pages/events/$id.mjs | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/app/pages/events/$id.mjs b/app/pages/events/$id.mjs
index ebc6cdf..c454716 100644
--- a/app/pages/events/$id.mjs
+++ b/app/pages/events/$id.mjs
@@ -1,9 +1,41 @@
+import { marked } from "marked"
+
 export default function ({ html, state = {} }) {
   let { store = {} } = state
   let { event } = store
+
+  console.log('event: ', event)
   return html`
     <page-layout title=${event.title}>
       <pre>${JSON.stringify(event, null, 2)}</pre>
+      <h3>${event.title}</h3>
+      ${event.description && `<p>${marked(event.description)}</p>` }
+
+      ${event.sponsors.length > 0 ?
+        `<h4>Thanks to our Sponsors ❤️</h4>
+        ${event.sponsors
+          .map(
+            s =>
+              `<view-sponsor
+              image="${s.image}"
+              url="${s.url}"
+              copy="${s.copy}"
+              name="${s.name}"
+              tier="platinum"
+            ></view-sponsor>`
+          )
+          .join('')
+        }` : null
+      }
+      <div class="cta">
+        talks?
+      </div>
+
+      <div class="">
+        <a target="_self" href="/events">
+          See all past events <i class="fa-solid fa-arrow-right"></i>
+        </a>
+      </div>
     </page-layout>
   `
 }

From 1318beb0c16f81a222d16a382491a6a3aacb344f Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Wed, 27 Sep 2023 11:33:59 -0700
Subject: [PATCH 04/22] feat:events-sponsors rendered

---
 app/elements/event-sponsors.mjs | 36 +++++++++++++++++++++++++++++++++
 app/pages/events/$id.mjs        | 19 ++---------------
 2 files changed, 38 insertions(+), 17 deletions(-)
 create mode 100644 app/elements/event-sponsors.mjs

diff --git a/app/elements/event-sponsors.mjs b/app/elements/event-sponsors.mjs
new file mode 100644
index 0000000..5fb4643
--- /dev/null
+++ b/app/elements/event-sponsors.mjs
@@ -0,0 +1,36 @@
+export default function eventSponsors({ html, state = {} }) {
+    console.log(`state: ${JSON.stringify(state, null, 2)}`)
+    const { store = {} } = state
+    const { eventSponsors, event } = store
+    console.log(`eventSponsors: ${JSON.stringify(state, null, 2)}`)
+
+    if (event.sponsors.length > 0) {
+      return html`
+        <style>
+          :host div {
+            padding: 16px;
+          }
+
+          :host img {
+            height: 80px;
+          }
+          @media only screen and (min-width: 768px) {
+            :host {
+              display: flex;
+              flex-wrap: wrap;
+            }
+          }
+        </style>
+
+        ${eventSponsors
+          .map(
+            s => html` <div>
+              <a target="_sponsor" href="${s.url}"
+                ><img src="/_public/images/sponsors/${s.image}"
+              /></a>
+            </div>`
+          )
+          .join('')}
+      `
+    }
+  }
diff --git a/app/pages/events/$id.mjs b/app/pages/events/$id.mjs
index c454716..3fd9668 100644
--- a/app/pages/events/$id.mjs
+++ b/app/pages/events/$id.mjs
@@ -4,29 +4,14 @@ export default function ({ html, state = {} }) {
   let { store = {} } = state
   let { event } = store
 
-  console.log('event: ', event)
   return html`
     <page-layout title=${event.title}>
       <pre>${JSON.stringify(event, null, 2)}</pre>
       <h3>${event.title}</h3>
       ${event.description && `<p>${marked(event.description)}</p>` }
 
-      ${event.sponsors.length > 0 ?
-        `<h4>Thanks to our Sponsors ❤️</h4>
-        ${event.sponsors
-          .map(
-            s =>
-              `<view-sponsor
-              image="${s.image}"
-              url="${s.url}"
-              copy="${s.copy}"
-              name="${s.name}"
-              tier="platinum"
-            ></view-sponsor>`
-          )
-          .join('')
-        }` : null
-      }
+      <h4>Thanks to our Sponsors ❤️</h4>
+      <event-sponsors ></event-sponsors>
       <div class="cta">
         talks?
       </div>

From 0e254939794f702bbd5b4b64f16fd811bfd0262c Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Wed, 27 Sep 2023 16:40:29 -0700
Subject: [PATCH 05/22] update data being fetched for route

---
 app/api/events/$id.mjs | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/app/api/events/$id.mjs b/app/api/events/$id.mjs
index 5ff6ac7..e607c8e 100644
--- a/app/api/events/$id.mjs
+++ b/app/api/events/$id.mjs
@@ -1,9 +1,23 @@
-import { events } from '../events.mjs'
+import events from '../../data/events.json' assert { type: 'json' }
+import sponsors from '../../data/sponsors.json' assert { type: 'json' }
+import talks from '../../data/talks.json' assert { type: 'json' }
+import speakers from '../../data/speakers.json' assert { type: 'json' }
 
 export async function get(req) {
   let { id } = req.params
+
   let event = events.find(s => s.id === id)
+  let eventSponsors = sponsors.filter(s => event.sponsors.includes(s.id))
+
+  let eventTalks = event.talks ?talks.filter(t => {
+    return event.talks.includes(t.id)
+  }) : []
+
+  let eventSpeakers = eventTalks ? speakers.filter(s => {
+    return eventTalks.map(t => t.speaker_id).includes(s.id)
+  }) : []
+
   return {
-    json: { event }
+    json: { event, eventSponsors, eventTalks, eventSpeakers }
   }
 }

From 0ab09c24123863553f8bb915b91070a621aed544 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Wed, 27 Sep 2023 16:41:44 -0700
Subject: [PATCH 06/22] talks rendering now

---
 app/pages/talks.mjs | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/pages/talks.mjs b/app/pages/talks.mjs
index e74b94f..cb9dcdf 100644
--- a/app/pages/talks.mjs
+++ b/app/pages/talks.mjs
@@ -1,13 +1,15 @@
 export default function ({ html, state = {} }) {
-  let { store = {} } = state
-  let { talks } = store
+  let { store } = state
+  let talks = [...Object.values(store)]
+
   return html`
     <my-layout>
       <div id="page">
         <div class="page-title"><h1>Talk List</h1></div>
         <div class="page-body">
+          <p> past talks
           <ul>
-            ${talks.map(t => /*html*/ `<li>${t.title}</li>`).join('')}
+            ${talks.map(t => /*html*/ `<li>${t.title} - Speaker: ${t.speaker_id.split('-').join(' ')}</li>`).join('')}
           </ul>
         </div>
       </div>

From 1c31dae3d913192aa96fe6c13bbdb3aea1457ac5 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Wed, 27 Sep 2023 16:43:43 -0700
Subject: [PATCH 07/22] small change

---
 app/pages/events/$id.mjs | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/app/pages/events/$id.mjs b/app/pages/events/$id.mjs
index 3fd9668..c0ad446 100644
--- a/app/pages/events/$id.mjs
+++ b/app/pages/events/$id.mjs
@@ -6,16 +6,12 @@ export default function ({ html, state = {} }) {
 
   return html`
     <page-layout title=${event.title}>
-      <pre>${JSON.stringify(event, null, 2)}</pre>
       <h3>${event.title}</h3>
       ${event.description && `<p>${marked(event.description)}</p>` }
 
       <h4>Thanks to our Sponsors ❤️</h4>
-      <event-sponsors ></event-sponsors>
-      <div class="cta">
-        talks?
-      </div>
-
+      ${event.sponsors.length > 0 ? html`<event-sponsors></event-sponsors>` : null}
+      <event-talks-list></event-talks-list>
       <div class="">
         <a target="_self" href="/events">
           See all past events <i class="fa-solid fa-arrow-right"></i>

From 1c7472e30aba144a3702a3a8a7637d4e9bb404c0 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Wed, 27 Sep 2023 16:45:07 -0700
Subject: [PATCH 08/22] feat rendering event talks list and talks on page

---
 app/elements/event-talk.mjs       | 82 +++++++++++++++++++++++++++++++
 app/elements/event-talks-list.mjs | 17 +++++++
 2 files changed, 99 insertions(+)
 create mode 100644 app/elements/event-talk.mjs
 create mode 100644 app/elements/event-talks-list.mjs

diff --git a/app/elements/event-talk.mjs b/app/elements/event-talk.mjs
new file mode 100644
index 0000000..a2f6ad4
--- /dev/null
+++ b/app/elements/event-talk.mjs
@@ -0,0 +1,82 @@
+export default function EventTalk({ html, state = {} }) {
+  const { store = {}, attrs } = state
+  let { eventTalks, eventSpeakers } = store
+  let { talkid, speakerid } = attrs
+
+  let talk = eventTalks.filter(t => t.id === talkid)[0]
+  let speaker = eventSpeakers.filter(s => s.id === speakerid)[0]
+
+  let { title, type } = talk
+  let { name, company, photo, location } = speaker
+
+  return html`
+    <style>
+      .speaker {
+        margin-right: 16px;
+      }
+
+      .photo {
+        position: relative;
+        height: 250px;
+        width: 250px;
+      }
+
+      .photo .overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        opacity: 0;
+        transition: 0.5s ease;
+        background-color: #ee3e4a;
+      }
+
+      .photo:hover .overlay {
+        opacity: 1;
+      }
+
+      .photo .overlay .text {
+        color: white;
+        font-family: headline-gothic-atf-round, sans-serif;
+        font-weight: 500;
+        font-style: italic;
+        font-size: 24px;
+        line-height: 1.125em;
+        margin: 16px;
+        text-align: left;
+      }
+
+      .photo img {
+        object-fit: cover;
+        height: 250px;
+        width: 250px;
+      }
+
+      .info {
+        margin: 8px 0 16px 0;
+      }
+
+      .name {
+        font-family: headline-gothic-atf-round, sans-serif;
+        font-weight: 700;
+        font-size: 24px;
+      }
+    </style>
+
+    <div class="speaker">
+      <div class="photo">
+        <img src="/_public/images/speakers/${photo}" alt="photo of ${name}" />
+        <div class="overlay">
+          <div class="text">${type === 'lightning' ? '⚡️' : ''}${title}</div>
+        </div>
+      </div>
+      <div class="info">
+        <div class="name">${name}</div>
+        <div class="misc">
+          ${ company && company }<br/>${ location && location }
+        </div>
+      </div>
+    </div>
+  `
+}
diff --git a/app/elements/event-talks-list.mjs b/app/elements/event-talks-list.mjs
new file mode 100644
index 0000000..d66b4b1
--- /dev/null
+++ b/app/elements/event-talks-list.mjs
@@ -0,0 +1,17 @@
+export default function EventTalk({ html, state = {} }) {
+  const { store } = state
+  let { eventTalks, eventSpeakers } = store
+
+  return html`
+    <ul>
+      ${eventTalks.length > 0 ?eventTalks
+        .map(
+          t =>
+            /*html*/ `<event-talk talkId=${t.id} speakerId=${
+              eventSpeakers.find(s => s.id === t.speaker_id).id
+            }></event-talk>`
+        )
+        .join(''): 'No talks this month.'}
+    </ul>
+  `
+}

From fa779334bcde2bf8bc3b100e8d5f93738546db03 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Wed, 27 Sep 2023 16:48:08 -0700
Subject: [PATCH 09/22] added anchor tag

---
 app/elements/events-list.mjs | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/elements/events-list.mjs b/app/elements/events-list.mjs
index 16d7965..e9a23e5 100644
--- a/app/elements/events-list.mjs
+++ b/app/elements/events-list.mjs
@@ -22,8 +22,10 @@ export default function EventsList({ html, state }) {
         ${events.sort((a,b) => new Date(b.date) - new Date(a.date))
           .map(
             e => `
-            <li class=>
-              ${e.title}
+            <li >
+              <a target="_self" href="/events/${e.id}">
+                ${e.title}
+              </a>
             </li>`
           )
           .join('')}

From f4543a209cc4520014a1502111378a95ab4b7c0d Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Wed, 27 Sep 2023 16:49:15 -0700
Subject: [PATCH 10/22] cleaned up files

---
 app/elements/event-sponsors.mjs | 7 ++-----
 app/elements/view-event.mjs     | 1 +
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/elements/event-sponsors.mjs b/app/elements/event-sponsors.mjs
index 5fb4643..94fe526 100644
--- a/app/elements/event-sponsors.mjs
+++ b/app/elements/event-sponsors.mjs
@@ -1,10 +1,7 @@
 export default function eventSponsors({ html, state = {} }) {
-    console.log(`state: ${JSON.stringify(state, null, 2)}`)
     const { store = {} } = state
-    const { eventSponsors, event } = store
-    console.log(`eventSponsors: ${JSON.stringify(state, null, 2)}`)
+    const { eventSponsors } = store
 
-    if (event.sponsors.length > 0) {
       return html`
         <style>
           :host div {
@@ -32,5 +29,5 @@ export default function eventSponsors({ html, state = {} }) {
           )
           .join('')}
       `
-    }
+
   }
diff --git a/app/elements/view-event.mjs b/app/elements/view-event.mjs
index ba5d7de..f3ff978 100644
--- a/app/elements/view-event.mjs
+++ b/app/elements/view-event.mjs
@@ -2,6 +2,7 @@ import { marked } from 'marked'
 
 export default function ViewEvent({ html, state = {} }) {
   const { attrs, store } = state
+
   let { events } = store
   let { id } = attrs
   let event = events.find(e => e.id === id)

From 728d4a5f410d4290c55322f15142987a09b87db2 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Thu, 28 Sep 2023 12:11:28 -0700
Subject: [PATCH 11/22] align past events with header

---
 app/elements/events-list.mjs | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/elements/events-list.mjs b/app/elements/events-list.mjs
index e9a23e5..6267ecc 100644
--- a/app/elements/events-list.mjs
+++ b/app/elements/events-list.mjs
@@ -10,9 +10,12 @@ export default function EventsList({ html, state }) {
           display: flex;
           flex-wrap: wrap;
           align-items: flex-start;
-  	      justify-content: center;
         }
       }
+      ul {
+        margin: 0;
+        padding: 0;
+      }
       li {
         list-style-type: none;
       }

From 3c08ea34b692e503f2ae77adcc17afd396a2ee87 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Thu, 28 Sep 2023 15:29:53 -0700
Subject: [PATCH 12/22] removed the current/future event from the pastEvents.

---
 app/elements/events-list.mjs | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/elements/events-list.mjs b/app/elements/events-list.mjs
index 6267ecc..4bebd98 100644
--- a/app/elements/events-list.mjs
+++ b/app/elements/events-list.mjs
@@ -1,8 +1,10 @@
 export default function EventsList({ html, state }) {
     const { store } = state
-    const events  = store.data
 
-    if (events.length > 0) {
+    // The last item in the array is the current event
+    let pastEvents  = store.data.slice(0, -1).sort((a,b) => new Date(b.date) - new Date(a.date))
+
+    if (pastEvents.length > 0) {
       return html`
       <style>
       @media only screen and (min-width: 768px) {
@@ -22,8 +24,7 @@ export default function EventsList({ html, state }) {
     </style>
     <ul>
 
-        ${events.sort((a,b) => new Date(b.date) - new Date(a.date))
-          .map(
+        ${pastEvents.map(
             e => `
             <li >
               <a target="_self" href="/events/${e.id}">

From 40f2a5b0e796dd8d95d728959b130e5e4df84628 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Thu, 28 Sep 2023 16:18:11 -0700
Subject: [PATCH 13/22] fixed dates on events.json and pastEvents sort

---
 app/data/events.json         | 10 +++++-----
 app/elements/events-list.mjs |  4 ++--
 app/pages/events.mjs         |  4 +---
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/app/data/events.json b/app/data/events.json
index 0d14f71..b337155 100644
--- a/app/data/events.json
+++ b/app/data/events.json
@@ -2,7 +2,7 @@
     {
         "id": "may-2022",
         "title": "SeattleJS May 2022",
-        "date": "2022-10-12",
+        "date": "2022-05-11",
         "sponsors": [
             "collective-seattle"
         ],
@@ -13,7 +13,7 @@
     {
         "id": "june-2022",
         "title": "SeattleJS June 2022",
-        "date": "2022-10-12",
+        "date": "2022-06-08",
         "sponsors": [
             "collective-seattle"
         ],
@@ -24,7 +24,7 @@
     {
         "id": "july-2022",
         "title": "SeattleJS July 2022",
-        "date": "2022-10-12",
+        "date": "2022-07-13",
         "sponsors": [
             "collective-seattle"
         ]
@@ -32,7 +32,7 @@
     {
         "id": "august-2022",
         "title": "SeattleJS August 2022",
-        "date": "2022-10-12",
+        "date": "2022-08-10",
         "sponsors": [
             "collective-seattle"
         ]
@@ -40,7 +40,7 @@
     {
         "id": "september-2022",
         "title": "SeattleJS September 2022",
-        "date": "2022-10-12",
+        "date": "2022-09-14",
         "sponsors": [
             "collective-seattle"
         ],
diff --git a/app/elements/events-list.mjs b/app/elements/events-list.mjs
index 4bebd98..a35ce44 100644
--- a/app/elements/events-list.mjs
+++ b/app/elements/events-list.mjs
@@ -1,8 +1,9 @@
 export default function EventsList({ html, state }) {
     const { store } = state
+    const allEvents = store.data
 
     // The last item in the array is the current event
-    let pastEvents  = store.data.slice(0, -1).sort((a,b) => new Date(b.date) - new Date(a.date))
+    let pastEvents  = allEvents.sort((a,b) => new Date(b.date) - new Date(a.date)).slice(1)
 
     if (pastEvents.length > 0) {
       return html`
@@ -23,7 +24,6 @@ export default function EventsList({ html, state }) {
       }
     </style>
     <ul>
-
         ${pastEvents.map(
             e => `
             <li >
diff --git a/app/pages/events.mjs b/app/pages/events.mjs
index b70a5f3..ac8c0bd 100644
--- a/app/pages/events.mjs
+++ b/app/pages/events.mjs
@@ -3,10 +3,8 @@ export default function events({ html }) {
   return html`
     <my-layout>
       <div id="page">
-        <div class="page-title"><h1>Our Past Events</h1></div>
-        <div class="page-body">
+        <div class=""><h1>Our Past Events</h1></div>
           <events-list></events-list>
-        </div>
       </div>
     </my-layout>
   `

From baf3871bad3400914774663bf58e602f24716cb3 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Fri, 29 Sep 2023 09:39:53 -0700
Subject: [PATCH 14/22] fixed past events

---
 app/elements/events-list.mjs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/elements/events-list.mjs b/app/elements/events-list.mjs
index a35ce44..7ddfc46 100644
--- a/app/elements/events-list.mjs
+++ b/app/elements/events-list.mjs
@@ -1,9 +1,9 @@
 export default function EventsList({ html, state }) {
     const { store } = state
-    const allEvents = store.data
+    const allEvents = store.data.sort((a,b) => new Date(b.date) - new Date(a.date))
 
-    // The last item in the array is the current event
-    let pastEvents  = allEvents.sort((a,b) => new Date(b.date) - new Date(a.date)).slice(1)
+    let now = new Date().toISOString().split('T')[0]
+    let pastEvents  = allEvents.filter(e => e.date < now)
 
     if (pastEvents.length > 0) {
       return html`

From b739284d2c672934321680fa97b41e0850f45531 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Fri, 29 Sep 2023 09:45:41 -0700
Subject: [PATCH 15/22] fixed pastEvents, added closing ul and removed target

---
 app/elements/events-list.mjs | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/elements/events-list.mjs b/app/elements/events-list.mjs
index 7ddfc46..949b396 100644
--- a/app/elements/events-list.mjs
+++ b/app/elements/events-list.mjs
@@ -27,12 +27,13 @@ export default function EventsList({ html, state }) {
         ${pastEvents.map(
             e => `
             <li >
-              <a target="_self" href="/events/${e.id}">
+              <a href="/events/${e.id}">
                 ${e.title}
               </a>
             </li>`
           )
           .join('')}
+    </ul>
       `
     }else {
         return `

From 6a492c0692681e627d80fb79a5a46a8c45b02ffe Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Fri, 29 Sep 2023 10:36:20 -0700
Subject: [PATCH 16/22] fixed data fetching for talks, displaying name from
 speaker

---
 app/api/talks.mjs               | 14 +++++++++++++-
 app/elements/event-sponsors.mjs |  2 +-
 app/pages/talks.mjs             | 18 +++++++++++++++---
 3 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/app/api/talks.mjs b/app/api/talks.mjs
index 28ceec2..5e03bdf 100644
--- a/app/api/talks.mjs
+++ b/app/api/talks.mjs
@@ -1,7 +1,19 @@
 import data from '../data/talks.json' assert { type: 'json' }
+import speakers from '../data/speakers.json' assert { type: 'json' }
+
 export async function get() {
+
   return {
-    json: data
+    json: data.map(t => {
+        let speaker = speakers.find(s => s.id === t.speaker_id)
+        return {
+          id: t.id,
+          event_id: t.event_id,
+          title: t.title,
+          abstract: t.abstract,
+          speaker,
+        }
+      })
   }
 }
 
diff --git a/app/elements/event-sponsors.mjs b/app/elements/event-sponsors.mjs
index 94fe526..02a56e4 100644
--- a/app/elements/event-sponsors.mjs
+++ b/app/elements/event-sponsors.mjs
@@ -22,7 +22,7 @@ export default function eventSponsors({ html, state = {} }) {
         ${eventSponsors
           .map(
             s => html` <div>
-              <a target="_sponsor" href="${s.url}"
+              <a target="_blank" href="${s.url}"
                 ><img src="/_public/images/sponsors/${s.image}"
               /></a>
             </div>`
diff --git a/app/pages/talks.mjs b/app/pages/talks.mjs
index cb9dcdf..99b23b9 100644
--- a/app/pages/talks.mjs
+++ b/app/pages/talks.mjs
@@ -3,13 +3,25 @@ export default function ({ html, state = {} }) {
   let talks = [...Object.values(store)]
 
   return html`
+    <style>
+      ul {
+        padding: 0;
+      }
+      li {
+        list-style-type: none;
+        padding-bottom: 0.5em;
+      }
+    </style>
     <my-layout>
       <div id="page">
-        <div class="page-title"><h1>Talk List</h1></div>
+        <div class="page-title"><h1>Past Talks</h1></div>
         <div class="page-body">
-          <p> past talks
           <ul>
-            ${talks.map(t => /*html*/ `<li>${t.title} - Speaker: ${t.speaker_id.split('-').join(' ')}</li>`).join('')}
+            ${talks
+              .map(
+                t => /*html*/ `<li>${t.title} - Speaker: ${t.speaker.name}</li>`
+              )
+              .join('')}
           </ul>
         </div>
       </div>

From 167e775c698440f405bdd5ed47efd16a98498b73 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Fri, 29 Sep 2023 15:52:13 -0700
Subject: [PATCH 17/22] normalize data and expand data in api events

---
 app/api/events/$id.mjs | 39 +++++++++++++++++++++++++++------------
 app/data/events.json   | 12 ++++++------
 2 files changed, 33 insertions(+), 18 deletions(-)

diff --git a/app/api/events/$id.mjs b/app/api/events/$id.mjs
index e607c8e..9f58c6a 100644
--- a/app/api/events/$id.mjs
+++ b/app/api/events/$id.mjs
@@ -3,21 +3,36 @@ import sponsors from '../../data/sponsors.json' assert { type: 'json' }
 import talks from '../../data/talks.json' assert { type: 'json' }
 import speakers from '../../data/speakers.json' assert { type: 'json' }
 
-export async function get(req) {
-  let { id } = req.params
-
-  let event = events.find(s => s.id === id)
-  let eventSponsors = sponsors.filter(s => event.sponsors.includes(s.id))
+function inflateTalk(talk_id) {
+  let talk = talks.find(t => t.id === talk_id)
+  if (talk && talk.speaker_id) {
+    talk.speaker = speakers.find(s => s.id === talk.speaker_id)
+  }
+  return talk
+}
 
-  let eventTalks = event.talks ?talks.filter(t => {
-    return event.talks.includes(t.id)
-  }) : []
+function inflateSponsors(sponsor_id) {
+  return sponsors.find(s => s.id === sponsor_id)
+}
 
-  let eventSpeakers = eventTalks ? speakers.filter(s => {
-    return eventTalks.map(t => t.speaker_id).includes(s.id)
-  }) : []
+function inflateEvent(event) {
+  if (event.talks) {
+    event.talks = event.talks.map(inflateTalk)
+    event.sponsors = event.sponsors.map(inflateSponsors)
+  }
+  return event
+}
 
+export async function get(req) {
+  let inflatedEvents = events.map(inflateEvent)
+  let event = [inflatedEvents.find(e => e.id === req.params.id)]
+  let eventSponsors = event[0].sponsors
+  let eventTalks = event[0].talks
   return {
-    json: { event, eventSponsors, eventTalks, eventSpeakers }
+    json: {
+      events: event,
+      sponsors: eventSponsors,
+      talks: eventTalks
+    }
   }
 }
diff --git a/app/data/events.json b/app/data/events.json
index b337155..89bcc47 100644
--- a/app/data/events.json
+++ b/app/data/events.json
@@ -27,7 +27,8 @@
         "date": "2022-07-13",
         "sponsors": [
             "collective-seattle"
-        ]
+        ],
+        "talks": []
     },
     {
         "id": "august-2022",
@@ -35,7 +36,8 @@
         "date": "2022-08-10",
         "sponsors": [
             "collective-seattle"
-        ]
+        ],
+        "talks": []
     },
     {
         "id": "september-2022",
@@ -44,9 +46,7 @@
         "sponsors": [
             "collective-seattle"
         ],
-        "talks": [
-            "rachel-lee-nabors"
-        ]
+        "talks": []
     },
     {
         "id": "october-2022",
@@ -85,7 +85,7 @@
         "title": "SeattleJS January 2023",
         "date": "2023-01-11",
         "sponsors": [
-            "aws-skills-center"
+            "aws-skills-center-seattle"
         ],
         "talks": [
             "calvin-kipperman-january-2023",

From df608a83cea9ed5a1f51299127f807a1449a66f9 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Fri, 29 Sep 2023 15:56:19 -0700
Subject: [PATCH 18/22] use list-sponsors and list-talks in events/

---
 app/elements/event-sponsors.mjs   | 33 -------------------------------
 app/elements/event-talk.mjs       |  4 ++--
 app/elements/event-talks-list.mjs | 17 ----------------
 app/elements/list-sponsors.mjs    |  2 +-
 app/pages/events/$id.mjs          | 23 ++++++++++++++++-----
 5 files changed, 21 insertions(+), 58 deletions(-)
 delete mode 100644 app/elements/event-sponsors.mjs
 delete mode 100644 app/elements/event-talks-list.mjs

diff --git a/app/elements/event-sponsors.mjs b/app/elements/event-sponsors.mjs
deleted file mode 100644
index 02a56e4..0000000
--- a/app/elements/event-sponsors.mjs
+++ /dev/null
@@ -1,33 +0,0 @@
-export default function eventSponsors({ html, state = {} }) {
-    const { store = {} } = state
-    const { eventSponsors } = store
-
-      return html`
-        <style>
-          :host div {
-            padding: 16px;
-          }
-
-          :host img {
-            height: 80px;
-          }
-          @media only screen and (min-width: 768px) {
-            :host {
-              display: flex;
-              flex-wrap: wrap;
-            }
-          }
-        </style>
-
-        ${eventSponsors
-          .map(
-            s => html` <div>
-              <a target="_blank" href="${s.url}"
-                ><img src="/_public/images/sponsors/${s.image}"
-              /></a>
-            </div>`
-          )
-          .join('')}
-      `
-
-  }
diff --git a/app/elements/event-talk.mjs b/app/elements/event-talk.mjs
index a2f6ad4..fb9dd59 100644
--- a/app/elements/event-talk.mjs
+++ b/app/elements/event-talk.mjs
@@ -3,8 +3,8 @@ export default function EventTalk({ html, state = {} }) {
   let { eventTalks, eventSpeakers } = store
   let { talkid, speakerid } = attrs
 
-  let talk = eventTalks.filter(t => t.id === talkid)[0]
-  let speaker = eventSpeakers.filter(s => s.id === speakerid)[0]
+  let talk = eventTalks.find(t => t.id === talkid)
+  let speaker = eventSpeakers.find(s => s.id === speakerid)
 
   let { title, type } = talk
   let { name, company, photo, location } = speaker
diff --git a/app/elements/event-talks-list.mjs b/app/elements/event-talks-list.mjs
deleted file mode 100644
index d66b4b1..0000000
--- a/app/elements/event-talks-list.mjs
+++ /dev/null
@@ -1,17 +0,0 @@
-export default function EventTalk({ html, state = {} }) {
-  const { store } = state
-  let { eventTalks, eventSpeakers } = store
-
-  return html`
-    <ul>
-      ${eventTalks.length > 0 ?eventTalks
-        .map(
-          t =>
-            /*html*/ `<event-talk talkId=${t.id} speakerId=${
-              eventSpeakers.find(s => s.id === t.speaker_id).id
-            }></event-talk>`
-        )
-        .join(''): 'No talks this month.'}
-    </ul>
-  `
-}
diff --git a/app/elements/list-sponsors.mjs b/app/elements/list-sponsors.mjs
index 7652125..3dada4b 100644
--- a/app/elements/list-sponsors.mjs
+++ b/app/elements/list-sponsors.mjs
@@ -21,7 +21,7 @@ export default function ListSponsors({ html, state = {} }) {
       ${sponsors
         .map(
           s => html` <div>
-            <a target="_sponsor" href="${s.url}"
+            <a target="_blank" href="${s.url}"
               ><img src="/_public/images/sponsors/${s.image}"
             /></a>
           </div>`
diff --git a/app/pages/events/$id.mjs b/app/pages/events/$id.mjs
index c0ad446..ceb3be3 100644
--- a/app/pages/events/$id.mjs
+++ b/app/pages/events/$id.mjs
@@ -2,16 +2,28 @@ import { marked } from "marked"
 
 export default function ({ html, state = {} }) {
   let { store = {} } = state
-  let { event } = store
+  let event = store.events[0]
+  let hasTalks = event.talks && event.talks.length > 0
 
+  if (event) {
   return html`
-    <page-layout title=${event.title}>
+  <page-layout title=${event.title}>
       <h3>${event.title}</h3>
       ${event.description && `<p>${marked(event.description)}</p>` }
-
       <h4>Thanks to our Sponsors ❤️</h4>
-      ${event.sponsors.length > 0 ? html`<event-sponsors></event-sponsors>` : null}
-      <event-talks-list></event-talks-list>
+      ${event.sponsors ? html`<list-sponsors></list-sponsors>` : null}
+      ${hasTalks ? html`<list-talks event_id="${event.id}"></list-talks>`: html`<p>No talks were given durring this event.</p>`}
+      <div class="">
+        <a target="_self" href="/events">
+          See all past events <i class="fa-solid fa-arrow-right"></i>
+        </a>
+      </div>
+    </page-layout>
+  `
+  } else {
+    return html`
+    <page-layout title="Event not found">
+      <h3>Event not found</h3>
       <div class="">
         <a target="_self" href="/events">
           See all past events <i class="fa-solid fa-arrow-right"></i>
@@ -19,4 +31,5 @@ export default function ({ html, state = {} }) {
       </div>
     </page-layout>
   `
+  }
 }

From 6144e9d3beb30ebb1f94f5d7da540ea3e7e11b59 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Fri, 29 Sep 2023 15:56:46 -0700
Subject: [PATCH 19/22] add turnary on topic for older talks

---
 app/pages/talks/$id.mjs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/pages/talks/$id.mjs b/app/pages/talks/$id.mjs
index 95f912c..7dded62 100644
--- a/app/pages/talks/$id.mjs
+++ b/app/pages/talks/$id.mjs
@@ -20,7 +20,7 @@ export default function ({ html, state = {} }) {
       </div>
       `
   }
-  else {  
+  else {
     // set the "photo" property with an absolute path (so that the <person-detail> element will work)
     let speakerClone = { ...speaker }
     speakerClone.photo = '/_public/images/speakers/' + speaker.photo
@@ -40,9 +40,9 @@ export default function ({ html, state = {} }) {
             padding:8px;
         }
       </style>
-      <page-layout title=${talk.title}>      
+      <page-layout title=${talk.title}>
         <h2>${ title }</h2>
-        <div class="topics">${ topics.map(t => `<div class=topic>${ t }</div>`).join('') }</div>
+        ${topics ? html`<div class="topics">${ topics.map(t => `<div class=topic>${ t }</div>`).join('') }</div>` : null }
         <div class="abstract">${ marked.parse(abstract) }</div>
         <person-detail ${ speakerProps }></person-detail>
       </page-layout>

From 215d714922fb353d93616885e975aa90d0036ad1 Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Mon, 2 Oct 2023 09:00:41 -0700
Subject: [PATCH 20/22] removed unused element, reorganized helper functions to
 respective files

---
 app/api/events.mjs          | 10 +++++
 app/api/index.mjs           | 24 +----------
 app/api/sponsors.mjs        |  5 +++
 app/api/talks.mjs           |  8 ++++
 app/elements/event-talk.mjs | 82 -------------------------------------
 5 files changed, 24 insertions(+), 105 deletions(-)
 delete mode 100644 app/elements/event-talk.mjs

diff --git a/app/api/events.mjs b/app/api/events.mjs
index ef0aba8..3f94688 100644
--- a/app/api/events.mjs
+++ b/app/api/events.mjs
@@ -1,4 +1,6 @@
 import data from '../data/events.json' assert { type: 'json' }
+import { inflateSponsors } from './sponsors.mjs'
+import { inflateTalk } from './talks.mjs'
 export async function get() {
   return {
     json: { data }
@@ -6,3 +8,11 @@ export async function get() {
 }
 
 export const events = data
+
+export function inflateEvent(event) {
+  if (event.talks) {
+    event.talks = event.talks.map(inflateTalk)
+    event.sponsors = event.sponsors.map(inflateSponsors)
+  }
+  return event
+}
diff --git a/app/api/index.mjs b/app/api/index.mjs
index 224919c..5b8b53a 100644
--- a/app/api/index.mjs
+++ b/app/api/index.mjs
@@ -1,29 +1,7 @@
-import { events } from './events.mjs'
-import { talks } from './talks.mjs'
-import { speakers } from './speakers.mjs'
+import { events, inflateEvent } from './events.mjs'
 import { organizers } from './organizers.mjs'
 import { sponsors } from './sponsors.mjs'
 
-function inflateTalk(talk_id) {
-  let talk = talks.find(t => t.id === talk_id)
-  if (talk.speaker_id) {
-    talk.speaker = speakers.find(s => s.id === talk.speaker_id)
-  }
-  return talk
-}
-
-function inflateSponsors(sponsor_id) {
-  return sponsors.find(s => s.id === sponsor_id)
-}
-
-function inflateEvent(event) {
-  if (event.talks) {
-    event.talks = event.talks.map(inflateTalk)
-    event.sponsors = event.sponsors.map(inflateSponsors)
-  }
-  return event
-}
-
 function filterFutureEvents() {
   const TWELVE_HOURS = 1000 * 60 * 60 * 12
   return events.filter(
diff --git a/app/api/sponsors.mjs b/app/api/sponsors.mjs
index 4797f50..74a8862 100644
--- a/app/api/sponsors.mjs
+++ b/app/api/sponsors.mjs
@@ -6,3 +6,8 @@ export async function get() {
 }
 
 export const sponsors = data
+
+export
+function inflateSponsors(sponsor_id) {
+  return sponsors.find(s => s.id === sponsor_id)
+}
diff --git a/app/api/talks.mjs b/app/api/talks.mjs
index 5e03bdf..aeadcbd 100644
--- a/app/api/talks.mjs
+++ b/app/api/talks.mjs
@@ -18,3 +18,11 @@ export async function get() {
 }
 
 export const talks = data
+
+export function inflateTalk(talk_id) {
+  let talk = talks.find(t => t.id === talk_id)
+  if (talk.speaker_id) {
+    talk.speaker = speakers.find(s => s.id === talk.speaker_id)
+  }
+  return talk
+}
diff --git a/app/elements/event-talk.mjs b/app/elements/event-talk.mjs
deleted file mode 100644
index fb9dd59..0000000
--- a/app/elements/event-talk.mjs
+++ /dev/null
@@ -1,82 +0,0 @@
-export default function EventTalk({ html, state = {} }) {
-  const { store = {}, attrs } = state
-  let { eventTalks, eventSpeakers } = store
-  let { talkid, speakerid } = attrs
-
-  let talk = eventTalks.find(t => t.id === talkid)
-  let speaker = eventSpeakers.find(s => s.id === speakerid)
-
-  let { title, type } = talk
-  let { name, company, photo, location } = speaker
-
-  return html`
-    <style>
-      .speaker {
-        margin-right: 16px;
-      }
-
-      .photo {
-        position: relative;
-        height: 250px;
-        width: 250px;
-      }
-
-      .photo .overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        opacity: 0;
-        transition: 0.5s ease;
-        background-color: #ee3e4a;
-      }
-
-      .photo:hover .overlay {
-        opacity: 1;
-      }
-
-      .photo .overlay .text {
-        color: white;
-        font-family: headline-gothic-atf-round, sans-serif;
-        font-weight: 500;
-        font-style: italic;
-        font-size: 24px;
-        line-height: 1.125em;
-        margin: 16px;
-        text-align: left;
-      }
-
-      .photo img {
-        object-fit: cover;
-        height: 250px;
-        width: 250px;
-      }
-
-      .info {
-        margin: 8px 0 16px 0;
-      }
-
-      .name {
-        font-family: headline-gothic-atf-round, sans-serif;
-        font-weight: 700;
-        font-size: 24px;
-      }
-    </style>
-
-    <div class="speaker">
-      <div class="photo">
-        <img src="/_public/images/speakers/${photo}" alt="photo of ${name}" />
-        <div class="overlay">
-          <div class="text">${type === 'lightning' ? '⚡️' : ''}${title}</div>
-        </div>
-      </div>
-      <div class="info">
-        <div class="name">${name}</div>
-        <div class="misc">
-          ${ company && company }<br/>${ location && location }
-        </div>
-      </div>
-    </div>
-  `
-}

From 8ca401b3e2d7322fc27c0c46f5ee744ff33a414e Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Mon, 2 Oct 2023 10:11:28 -0700
Subject: [PATCH 21/22] refactored events/ to properly use 404

---
 app/api/events/$id.mjs   | 49 ++++++++++++++++------------------------
 app/pages/events/$id.mjs | 24 +++++---------------
 2 files changed, 26 insertions(+), 47 deletions(-)

diff --git a/app/api/events/$id.mjs b/app/api/events/$id.mjs
index 9f58c6a..400fdb1 100644
--- a/app/api/events/$id.mjs
+++ b/app/api/events/$id.mjs
@@ -1,38 +1,29 @@
 import events from '../../data/events.json' assert { type: 'json' }
-import sponsors from '../../data/sponsors.json' assert { type: 'json' }
-import talks from '../../data/talks.json' assert { type: 'json' }
-import speakers from '../../data/speakers.json' assert { type: 'json' }
+import  { inflateEvent } from '../events.mjs'
 
-function inflateTalk(talk_id) {
-  let talk = talks.find(t => t.id === talk_id)
-  if (talk && talk.speaker_id) {
-    talk.speaker = speakers.find(s => s.id === talk.speaker_id)
-  }
-  return talk
-}
-
-function inflateSponsors(sponsor_id) {
-  return sponsors.find(s => s.id === sponsor_id)
-}
+export async function get(req) {
+  let { path } = req
+  const event = events.find(e => e.id === req.params.id)
 
-function inflateEvent(event) {
-  if (event.talks) {
-    event.talks = event.talks.map(inflateTalk)
-    event.sponsors = event.sponsors.map(inflateSponsors)
-  }
-  return event
-}
+  if (!event) {
+    return {
+      statusCode: 404,
+      json: {
+        path,
+        notFound: true
+      }
+    }
+  } else {
+  let inflatedEvent = [event].map(inflateEvent)
+  let eventSponsors = event.sponsors
+  let eventTalks = event.talks
 
-export async function get(req) {
-  let inflatedEvents = events.map(inflateEvent)
-  let event = [inflatedEvents.find(e => e.id === req.params.id)]
-  let eventSponsors = event[0].sponsors
-  let eventTalks = event[0].talks
+  // In event/$id we are reusing the element <list-talks> which expects a list of events
   return {
     json: {
-      events: event,
+      events: inflatedEvent,
       sponsors: eventSponsors,
       talks: eventTalks
     }
-  }
-}
+  }}
+}
\ No newline at end of file
diff --git a/app/pages/events/$id.mjs b/app/pages/events/$id.mjs
index ceb3be3..8bbc194 100644
--- a/app/pages/events/$id.mjs
+++ b/app/pages/events/$id.mjs
@@ -4,15 +4,15 @@ export default function ({ html, state = {} }) {
   let { store = {} } = state
   let event = store.events[0]
   let hasTalks = event.talks && event.talks.length > 0
+  let { id, title, sponsors, description } = event
 
-  if (event) {
   return html`
-  <page-layout title=${event.title}>
-      <h3>${event.title}</h3>
-      ${event.description && `<p>${marked(event.description)}</p>` }
+  <page-layout title=${title}>
+      <h3>${title}</h3>
+      ${description && `<p>${marked(description)}</p>` }
       <h4>Thanks to our Sponsors ❤️</h4>
-      ${event.sponsors ? html`<list-sponsors></list-sponsors>` : null}
-      ${hasTalks ? html`<list-talks event_id="${event.id}"></list-talks>`: html`<p>No talks were given durring this event.</p>`}
+      ${sponsors ? html`<list-sponsors></list-sponsors>` : null}
+      ${hasTalks ? html`<list-talks event_id="${id}"></list-talks>`: html`<p>No talks were given durring this event.</p>`}
       <div class="">
         <a target="_self" href="/events">
           See all past events <i class="fa-solid fa-arrow-right"></i>
@@ -20,16 +20,4 @@ export default function ({ html, state = {} }) {
       </div>
     </page-layout>
   `
-  } else {
-    return html`
-    <page-layout title="Event not found">
-      <h3>Event not found</h3>
-      <div class="">
-        <a target="_self" href="/events">
-          See all past events <i class="fa-solid fa-arrow-right"></i>
-        </a>
-      </div>
-    </page-layout>
-  `
-  }
 }

From a45771f39a4014f93fb1c3e0ccee18279f3eceaf Mon Sep 17 00:00:00 2001
From: Lucas Steinmacher <lucaslsteinmacher@gmail.com>
Date: Mon, 2 Oct 2023 10:18:29 -0700
Subject: [PATCH 22/22] added additional comment for event inflation

---
 app/api/events/$id.mjs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/api/events/$id.mjs b/app/api/events/$id.mjs
index 400fdb1..4baf27f 100644
--- a/app/api/events/$id.mjs
+++ b/app/api/events/$id.mjs
@@ -14,6 +14,7 @@ export async function get(req) {
       }
     }
   } else {
+  // We have to convert event from an object to an array to inflate it
   let inflatedEvent = [event].map(inflateEvent)
   let eventSponsors = event.sponsors
   let eventTalks = event.talks