32 lines
1.0 KiB
HTML
32 lines
1.0 KiB
HTML
{{- 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 -}}
|