{{- with .Site.GetPage "/blog/lake-report" -}}
  {{- range first 1 .Pages.ByDate.Reverse }}
<div style="text-align: center; margin: 24px 0;">
<a href="{{ .RelPermalink }}" style="
    display: inline-block;
    background: linear-gradient(45deg, #1a3a5c, #2d5a8c, #3d7a8c, #5a4a7a, #1a3a5c);
    background-size: 300% 300%;
    animation: lake-shift 4s ease infinite;
    color: #f0e6d3;
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 4px 18px rgba(60, 100, 160, 0.4);
    transform: rotate(-1.5deg);
    border: 2px solid #d4a85a;
">🌊 LATEST LAKE REPORT 🚗</a>
<div style="font-size: 12px; color: #8888a0; font-style: italic; margin-top: 8px;">{{ .Title }}</div>
</div>
<style>
@keyframes lake-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
</style>
  {{- end }}
{{- end -}}