Replace ASCII art banners with mobile-responsive headers

- 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>
This commit is contained in:
2025-06-04 21:59:44 -06:00
parent e44de96b32
commit 98923501ed
6 changed files with 89 additions and 43 deletions

View File

@@ -1,8 +1,4 @@
<div class="ascii-border">
<pre>
+===================================================================+
</pre>
</div>
<div class="footer-divider"></div>
<p class="prompt">NERDER.LAND {{ now.Year }} - Connecting the tech underground</p>
<p style="margin-top: 1rem; font-size: 0.8rem;">
<a href="{{ "events/feed.xml" | absURL }}">📡 RSS Feed</a> |

View File

@@ -1,10 +1,6 @@
{{ if .IsHome }}
<h1>{{ site.Title }}</h1>
<div class="ascii-border">
<pre>
+===================================================================+
</pre>
</div>
<div class="header-divider"></div>
{{ else }}
<h2><a href="{{ "/" | relURL }}">{{ site.Title }}</a></h2>
{{ end }}

View File

@@ -1,11 +1,7 @@
{{ define "main" }}
<article class="event-detail">
<div class="ascii-border">
<pre>
+==================================================================+
| EVENT DETAILS |
+==================================================================+
</pre>
<div class="section-header">
<h2>EVENT DETAILS</h2>
</div>
<h1>{{ .Title }}</h1>
@@ -63,12 +59,8 @@
{{ if .Params.registration_url }}
<div class="registration">
<div class="ascii-border">
<pre>
+--------------------------------------------------------------+
| REGISTRATION |
+--------------------------------------------------------------+
</pre>
<div class="section-header">
<h3>REGISTRATION</h3>
</div>
<p class="prompt"><a href="{{ .Params.registration_url }}">Register for this event</a></p>
</div>
@@ -82,12 +74,8 @@
{{ end }}
<div class="calendar-actions">
<div class="ascii-border">
<pre>
+--------------------------------------------------------------+
| ADD TO CALENDAR |
+--------------------------------------------------------------+
</pre>
<div class="section-header">
<h3>ADD TO CALENDAR</h3>
</div>
<p class="prompt">
<a href="{{ .RelPermalink }}calendar.ics" download>📅 Download Event (.ics)</a>

View File

@@ -3,12 +3,8 @@
<p class="prompt">{{ .Site.Params.description | default "Welcome to the underground tech scene." }}</p>
</div>
<div class="ascii-border">
<pre>
+==================================================================+
| UPCOMING EVENTS |
+==================================================================+
</pre>
<div class="section-header">
<h2>UPCOMING EVENTS</h2>
</div>
{{ $futureEvents := where .Site.RegularPages "Section" "events" }}

View File

@@ -1,9 +1,7 @@
{{ define "main" }}
<article class="event-detail">
<div class="ascii-border">
+==================================================================+
| EVENT DETAILS |
+==================================================================+
<div class="section-header">
<h2>EVENT DETAILS</h2>
</div>
<h1>{{ .Title }}</h1>
@@ -56,10 +54,8 @@
{{ if .Params.registration_url }}
<div class="registration">
<div class="ascii-border">
+--------------------------------------------------------------+
| REGISTRATION |
+--------------------------------------------------------------+
<div class="section-header">
<h3>REGISTRATION</h3>
</div>
<p class="prompt"><a href="{{ .Params.registration_url }}">Register for this event</a></p>
</div>