Theodor-Springmann-Stiftung/kgpz_web
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git synced 2025-10-29 09:05:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

CSS Startseite

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
views/assets/style.css
View File

File diff suppressed because one or more lines are too long

55
views/routes/body.gohtml
View File

@@ -1,25 +1,38 @@
{{ $y := .model.Year }} {{ $y := .model.Year }}
{{ range $year := .model.AvailableYears }}
<a href="/{{ $year }}" {{ if eq $year $y }}aria-current="page"{{ end }}>{{ $year }}</a>
{{ end }}
{{ range $index, $month := .model.Issues }}
<!-- Month Header -->
{{ $first := index $month 0 }}
<h2>{{ (MonthName $first.Datum.When.Month).Short }}</h2>
<!-- Issues -->
{{ range $issue := $month }}
{{ $date := $issue.Datum.When }}
<a href="/{{ $y }}/{{ $issue.Number.No }}">
<div>
{{ $issue.Number.No }}
</div>
<div> <div class="yearmenu">
{{ (WeekdayName $date.Weekday).Short }} {{ range $year := .model.AvailableYears }}
</div> <a href="/{{ $year }}" {{ if eq $year $y }}aria-current="page"{{ end }}>{{ $year }}</a>
<div>{{ $date.Day }}.{{ index $date.Month }}.</div>
</a>
{{ end }} {{ end }}
{{ 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 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 class="!no-underline" href="/{{ $y }}/{{ $issue.Number.No }}">
<div>
{{ $issue.Number.No }}
</div>
<div class="">
<div class="inline-block font-bold font-variant-small-caps pr-1">
{{ (WeekdayName $date.Weekday).Short }}
</div>
<div class="inline-block">{{ $date.Day }}.{{ index $date.Month }}.</div>
</div>
</a>
</td>
{{ end }}
</tr>
{{ end }}
</table>

6
views/transform/site.css
View File

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