Phil
98923501ed
- Replace fixed-width ASCII banners with CSS-styled section headers - Add responsive styling for mobile devices - Update home page, event pages, header and footer layouts - Improve mobile experience with scalable headers and gradient dividers 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
86 lines
2.2 KiB
HTML
86 lines
2.2 KiB
HTML
{{ define "main" }}
|
|
<article class="event-detail">
|
|
<div class="section-header">
|
|
<h2>EVENT DETAILS</h2>
|
|
</div>
|
|
|
|
<h1>{{ .Title }}</h1>
|
|
|
|
<div class="event-meta">
|
|
<div class="meta-item">
|
|
<span class="meta-label">Date & Time</span>
|
|
<span class="meta-value">{{ .Params.date | dateFormat "Monday, January 2, 2006 at 3:04 PM MST" }}</span>
|
|
</div>
|
|
|
|
{{ if .Params.end_date }}
|
|
<div class="meta-item">
|
|
<span class="meta-label">End Time</span>
|
|
<span class="meta-value">{{ .Params.end_date | dateFormat "Monday, January 2, 2006 at 3:04 PM MST" }}</span>
|
|
</div>
|
|
{{ end }}
|
|
|
|
<div class="meta-item">
|
|
<span class="meta-label">Timezone</span>
|
|
<span class="meta-value">Mountain Time (UTC-6)</span>
|
|
</div>
|
|
|
|
{{ if .Params.location }}
|
|
<div class="meta-item">
|
|
<span class="meta-label">Location</span>
|
|
<span class="meta-value">{{ .Params.location }}</span>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ if .Params.organizer }}
|
|
<div class="meta-item">
|
|
<span class="meta-label">Organizer</span>
|
|
<span class="meta-value">{{ .Params.organizer }}</span>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ if .Params.capacity }}
|
|
<div class="meta-item">
|
|
<span class="meta-label">Capacity</span>
|
|
<span class="meta-value">{{ .Params.capacity }} people</span>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ if .Params.cost }}
|
|
<div class="meta-item">
|
|
<span class="meta-label">Cost</span>
|
|
<span class="meta-value">{{ .Params.cost }}</span>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="event-content">
|
|
{{ .Content }}
|
|
</div>
|
|
|
|
{{ if .Params.registration_url }}
|
|
<div class="registration">
|
|
<div class="section-header">
|
|
<h3>REGISTRATION</h3>
|
|
</div>
|
|
<p class="prompt"><a href="{{ .Params.registration_url }}">Register for this event</a></p>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ if .Params.contact }}
|
|
<div class="contact">
|
|
<h3>Contact Information</h3>
|
|
<p>{{ .Params.contact }}</p>
|
|
</div>
|
|
{{ end }}
|
|
|
|
<div class="calendar-actions">
|
|
<div class="section-header">
|
|
<h3>ADD TO CALENDAR</h3>
|
|
</div>
|
|
<p class="prompt">
|
|
<a href="{{ .RelPermalink }}calendar.ics" download>📅 Download Event (.ics)</a>
|
|
</p>
|
|
</div>
|
|
|
|
</article>
|
|
{{ end }} |