CSS Startseite

This commit is contained in:
Simon Martens
2025-01-13 16:00:26 +01:00
parent 54ce05a67c
commit 5c54b51050
3 changed files with 40 additions and 23 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,25 +1,38 @@
{{ $y := .model.Year }}
<div class="yearmenu">
{{ range $year := .model.AvailableYears }}
<a href="/{{ $year }}" {{ if eq $year $y }}aria-current="page"{{ end }}>{{ $year }}</a>
{{ end }}
</div>
<table class="border-spacing-y-2 border-separate">
{{ range $index, $month := .model.Issues }}
<tr class="">
<td class="!text-right px-8 align-top py-2">
<!-- Month Header -->
{{ $first := index $month 0 }}
<h2>{{ (MonthName $first.Datum.When.Month).Short }}</h2>
<h2 class="text-lg">{{ (MonthName $first.Datum.When.Month) }}</h2>
</td>
<!-- Issues -->
{{ range $issue := $month }}
<td class="w-32 px-3 py-2 bg-slate-100 border-4 border-slate-50">
{{ $date := $issue.Datum.When }}
<a href="/{{ $y }}/{{ $issue.Number.No }}">
<a class="!no-underline" href="/{{ $y }}/{{ $issue.Number.No }}">
<div>
{{ $issue.Number.No }}
</div>
<div>
<div class="">
<div class="inline-block font-bold font-variant-small-caps pr-1">
{{ (WeekdayName $date.Weekday).Short }}
</div>
<div>{{ $date.Day }}.{{ index $date.Month }}.</div>
<div class="inline-block">{{ $date.Day }}.{{ index $date.Month }}.</div>
</div>
</a>
</td>
{{ end }}
</tr>
{{ end }}
</table>

View File

@@ -18,7 +18,7 @@
h2,
h3,
h4 {
@apply font-serif;
@apply font-serif font-bold;
}
a {
@@ -36,4 +36,8 @@
a[aria-current="page"] {
@apply !text-red-500;
}
.font-variant-small-caps {
font-variant-caps: small-caps;
}
}