{{ define "header" }}
<div class="header p-2 text-center border-b border-gray-200">
    <div class="content-narrow mx-auto px-4 py-2 flex items-center justify-between flex-wrap gap-2">
        <h1 class="text-xl md:text-2xl font-semibold">{{ .Title }}</h1>
        <nav class="text-sm flex items-center gap-3">
            <a href="/" class="text-blue-600 hover:text-blue-700">英卓气象站</a>
            <a href="/radar/imdroid" class="text-blue-600 hover:text-blue-700">英卓雷达站</a>
<!--            <a href="/radar/nanning" class="text-blue-600 hover:text-blue-700">南宁雷达站</a>-->
<!--            <a href="/radar/guangzhou" class="text-blue-600 hover:text-blue-700">广州雷达站</a>-->
<!--            <a href="/radar/panyu" class="text-blue-600 hover:text-blue-700">番禺雷达站</a>-->
<!--            <a href="/radar/haizhu" class="text-blue-600 hover:text-blue-700">海珠雷达站</a>-->
        </nav>
    </div>
    <style>
        .content-narrow { max-width: 1200px; }
    </style>
    </div>
{{ end }}
