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

+Compressed IMG files

Browse Source
This commit is contained in:
Simon Martens
2025-09-29 23:18:43 +02:00
parent fdfe95a225
commit 269d635f1d
13 changed files with 840 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
views/routes/ausgabe/components/_newspaper_layout.gohtml
View File

@@ -155,7 +155,17 @@
{{ end }}
</div>
<div class="single-page bg-white p-4 rounded border {{ $borderColor }} {{ $hoverColor }} transition-colors duration-200">
<img src="{{ $page.ImagePath }}" alt="{{ if $isBeilage }}Beilage 1, {{ end }}Seite {{ $page.PageNumber }}" class="newspaper-page-image cursor-zoom-in rounded-sm hover:scale-[1.02] transition-transform duration-200" onclick="enlargePage(this, {{ $page.PageNumber }}, false)" data-page="{{ $page.PageNumber }}" loading="lazy" />
<picture>
{{- if ne $page.PreviewPath "" -}}
<source srcset="{{ $page.PreviewPath }}" type="image/webp">
{{- end -}}
<img src="{{ if ne $page.PreviewPath "" }}{{ $page.PreviewPath }}{{ else }}{{ $page.ImagePath }}{{ end }}"
alt="{{ if $isBeilage }}Beilage 1, {{ end }}Seite {{ $page.PageNumber }}"
class="newspaper-page-image cursor-zoom-in rounded-sm hover:scale-[1.02] transition-transform duration-200"
onclick="enlargePage(this, {{ $page.PageNumber }}, false)"
data-page="{{ $page.PageNumber }}"
data-full-image="{{ $page.ImagePath }}" />
</picture>
</div>
</div>
{{ end }}

17
views/routes/piece/components/_piece_sequential_layout.gohtml
View File

@@ -36,12 +36,17 @@
<!-- Page image -->
<div class="single-page bg-white p-4 rounded border border-slate-200 hover:border-slate-300 transition-colors duration-200">
{{ if $page.Available }}
<img src="{{ $page.ImagePath }}"
alt="Seite {{ $page.PageNumber }} ({{ $issueContext }})"
class="piece-page-image newspaper-page-image cursor-zoom-in rounded-sm hover:scale-[1.02] transition-transform duration-200 w-full"
onclick="enlargePage(this, {{ $page.PageNumber }}, false, {{ $pageEntry.PartNumber }})"
data-page="{{ $page.PageNumber }}"
loading="lazy" />
<picture>
{{- if ne $page.PreviewPath "" -}}
<source srcset="{{ $page.PreviewPath }}" type="image/webp">
{{- end -}}
<img src="{{ if ne $page.PreviewPath "" }}{{ $page.PreviewPath }}{{ else }}{{ $page.ImagePath }}{{ end }}"
alt="Seite {{ $page.PageNumber }} ({{ $issueContext }})"
class="piece-page-image newspaper-page-image cursor-zoom-in rounded-sm hover:scale-[1.02] transition-transform duration-200 w-full"
onclick="enlargePage(this, {{ $page.PageNumber }}, false, {{ $pageEntry.PartNumber }})"
data-page="{{ $page.PageNumber }}"
data-full-image="{{ $page.ImagePath }}" />
</picture>
{{ else }}
<div class="bg-slate-100 border border-slate-200 rounded p-8 text-center">
<i class="ri-image-line text-4xl text-slate-400 mb-2 block"></i>