← back to Designtradelive
views/event.ejs
54 lines
<!doctype html>
<html lang="en">
<head>
<title><%= ev.name %> — <%= ev.city %> | DesignTradeLive</title>
<% const metaDescription = ev.summary + ' ' + ev.start_date + ' through ' + ev.end_date + ' at ' + ev.venue + ', ' + ev.city + '.'; %>
<%- include('partials/head', { GA_ID, metaDescription }) %>
</head>
<body>
<%- include('partials/header') %>
<main class="container event-page">
<p class="breadcrumb"><a href="/">← All events</a></p>
<header class="event-header">
<p class="kicker"><%= ev.category %> · <span class="tag tag-<%= ev.tier %>"><%= ev.tier %></span></p>
<h1><%= ev.name %></h1>
<p class="event-when">
<%
const sd = new Date(ev.start_date + 'T00:00:00Z');
const ed = new Date(ev.end_date + 'T00:00:00Z');
const opts = { month: 'long', day: 'numeric', timeZone: 'UTC' };
%>
<strong><%= sd.toLocaleDateString('en-US', opts) %> – <%= ed.toLocaleDateString('en-US', { ...opts, year: 'numeric' }) %></strong>
· <%= ev.venue %>, <%= ev.city %><% if (ev.country !== 'USA') { %>, <%= ev.country %><% } %>
</p>
</header>
<div class="event-body">
<p class="lede"><%= ev.summary %></p>
<dl class="event-facts">
<div><dt>Dates</dt><dd><%= ev.start_date %> → <%= ev.end_date %></dd></div>
<div><dt>Venue</dt><dd><%= ev.venue %></dd></div>
<div><dt>City</dt><dd><%= ev.city %></dd></div>
<div><dt>Country</dt><dd><%= ev.country %></dd></div>
<div><dt>Category</dt><dd><%= ev.category %></dd></div>
<div><dt>Tier</dt><dd><%= ev.tier %></dd></div>
<div><dt>Audience</dt><dd><%= ev.audience %></dd></div>
<div><dt>Official site</dt><dd><a href="<%= ev.url %>" target="_blank" rel="noopener noreferrer"><%= ev.url.replace(/^https?:\/\//, '') %></a></dd></div>
</dl>
<p class="event-cta">
<a class="btn btn-primary" href="<%= ev.url %>" target="_blank" rel="noopener noreferrer">Visit official site →</a>
<a class="btn btn-ghost" href="/">Browse all events</a>
</p>
<p class="disclaimer">Dates and venue published from the show organizer's public schedule. Always verify on the official site before booking travel — trade shows occasionally shift dates by a week.</p>
</div>
</main>
<%- include('partials/footer') %>
</body>
</html>