MEET ME AT THE NORSHOR
Where stories
come to life

At center stage in downtown Duluth’s Historic Arts and Theatre (HART) District, the restored NorShor Theatre is bringing new productions and new possibilities to the region.

Explore Events

NorShor Theatre marquee with the text ‘The Heart of Downtown Duluth,’ lit up against the theater’s exterior.

Upcoming

`; } const formatDateForDisplay = (date) => { if (!(date instanceof Date) || isNaN(date.getTime())) { return `

Date TBA

`; } const { weekday, month, day, year } = formatDate(date); return `

${weekday}

${month}

${day}

${year}

`; }; const firstDate = event.dates[0]?.startDate; const lastDate = event.dates[event.dates.length - 1]?.startDate; if (event.dates.length === 1 || (firstDate && lastDate && firstDate.getTime() === lastDate.getTime())) { return `

${formatDateForDisplay(firstDate)}

`; } else { return `

${formatDateForDisplay(firstDate)}

${formatDateForDisplay(lastDate)}

`; } } function renderTicket(event) { const dateDisplay = renderDateRange(event); const performanceDates = event.dates ? event.dates.length : 1; const performanceText = performanceDates > 1 ? `${performanceDates} Performances` : '1 Performance'; const time = event.dates && event.dates[0]?.time ? event.dates[0].time : event.time; return `

${event.superTitle || event.presenter || 'NorShor Presents'}

${event.productionName || event.name}

${dateDisplay}

`; } function renderCtaSlide() { return `

View All Events

Discover more exciting performances at NorShor Theatre

`; } function extractEventDataFromHTML() { return $(".event-item").map(function () { const $item = $(this); const startDateString = $item.find(".event-start-date").text().trim(); const endDateString = $item.find(".event-end-date").text().trim(); const startDate = new Date(startDateString); const endDate = new Date(endDateString); return { name: $item.find(".event-name").text().trim(), ticketVendorId: $item.find("#ticket-vendor-production-id").text().trim() || null, url: $item.find(".event-url").attr("href"), image: $item.find(".event-image").attr("src"), description: $item.find(".event-description").text().trim(), presenter: $item.find(".event-presenter").text().trim(), genre: $item.find(".event-genre").text().trim(), startDate: startDate, endDate: endDate, time: $item.find(".event-time").text().trim(), ticketColor: $item.find(".event-ticket-color").css("color"), }; }).get(); } function populateTickets(events) { ticketContainer.empty(); events.slice(0, maxEventSlides).forEach((event, index) => { const slide = $('

'); const slideContainer = $('

'); slideContainer.append(renderTicket(event)); slide.append(slideContainer); ticketContainer.append(slide); slide.attr("aria-label", `${index + 1} of ${Math.min(events.length, maxEventSlides) + 1}`); if (index > 0) { slide.attr("aria-hidden", "true"); } }); ticketContainer.append(renderCtaSlide()); ticketContainer .find(".w-slide:last-child") .attr("aria-label", `${maxEventSlides + 1} of ${maxEventSlides + 1}`); ticketContainer.append( '

' ); if (window.Webflow && window.Webflow.require("ix2")) { window.Webflow.require("ix2").init(); } } function initTickets() { const htmlEvents = extractEventDataFromHTML(); mergeEventData(htmlEvents) .then((events) => { if (!Array.isArray(events) || events.length === 0) { return; } populateTickets(events); if (window.Webflow && window.Webflow.require("slider")) { window.Webflow.require("slider").redraw(); } }) .catch(() => { // Error handling }); } if (window.Webflow && window.Webflow.require("ix2")) { window.Webflow.require("ix2").init(); } initTickets(); });

MEET ME AT THE NORSHOR
Where stories
come to life