more CSS styling

This commit is contained in:
Simon Martens
2025-01-13 23:16:08 +01:00
parent 5c54b51050
commit d2c21017f0
9 changed files with 84 additions and 39 deletions

View File

@@ -1,23 +1,30 @@
{{ $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 class="mt-6 w-full">
<div class="mx-auto flex flex-row gap-x-3 w-fit">
{{ range $year := .model.AvailableYears }}
<a
class="block"
href="/{{ $year }}"
{{ if eq $year $y }}aria-current="page"{{ end }}
>{{ $year }}</a
>
{{ end }}
</div>
</div>
<table class="border-spacing-y-2 border-separate">
<div class="grid grid-cols-11 gap-x-2 gap-y-4 pt-8">
{{ range $index, $month := .model.Issues }}
<tr class="">
<td class="!text-right px-8 align-top py-2">
<!-- Month Header -->
{{ $first := index $month 0 }}
<h2 class="text-lg">{{ (MonthName $first.Datum.When.Month) }}</h2>
</td>
<!-- Issues -->
<div class="col-span-1 text-right py-1 px-2.5">
<!-- Month Header -->
{{ $first := index $month 0 }}
<h2 class="text-lg">{{ (MonthName $first.Datum.When.Month) }}</h2>
</div>
<!-- Issues -->
<div class="col-span-10 grid grid-cols-subgrid">
{{ range $issue := $month }}
<td class="w-32 px-3 py-2 bg-slate-100 border-4 border-slate-50">
<div class="col-span-1 bg-slate-100 px-2 py-1.5">
{{ $date := $issue.Datum.When }}
<a class="!no-underline" href="/{{ $y }}/{{ $issue.Number.No }}">
<div>
@@ -31,8 +38,8 @@
<div class="inline-block">{{ $date.Day }}.{{ index $date.Month }}.</div>
</div>
</a>
</td>
</div>
{{ end }}
</tr>
</div>
{{ end }}
</table>
</div>