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>
40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
{{ define "main" }}
|
|
<div class="intro">
|
|
<p class="prompt">{{ .Site.Params.description | default "Welcome to the underground tech scene." }}</p>
|
|
</div>
|
|
|
|
<div class="section-header">
|
|
<h2>UPCOMING EVENTS</h2>
|
|
</div>
|
|
|
|
{{ $futureEvents := where .Site.RegularPages "Section" "events" }}
|
|
{{ $futureEvents := where $futureEvents "Params.date" "ge" now }}
|
|
{{ $futureEvents := $futureEvents.ByParam "date" }}
|
|
|
|
{{ if $futureEvents }}
|
|
<ul class="event-list">
|
|
{{ range $futureEvents }}
|
|
<li class="event-item">
|
|
<div class="event-date">{{ .Params.date | dateFormat "Monday, January 2, 2006 at 3:04 PM MST" }}</div>
|
|
<h3 class="event-title">
|
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
|
</h3>
|
|
{{ if .Params.location }}
|
|
<div class="event-location">📍 {{ .Params.location }}</div>
|
|
{{ end }}
|
|
{{ if .Params.cost }}
|
|
<div class="event-cost">💰 {{ .Params.cost }}</div>
|
|
{{ end }}
|
|
<div class="event-description">{{ .Summary }}</div>
|
|
<div class="event-link">
|
|
<a href="{{ .RelPermalink }}">View Details →</a>
|
|
</div>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ else }}
|
|
<div class="no-events">
|
|
<p class="prompt">No upcoming events found. Check back later for more cyberpunk gatherings!</p>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }} |