This commit is contained in:
Robin Grenzdörfer 2023-11-19 18:16:14 +00:00
parent 86d8720c00
commit 63fa3c2846
9 changed files with 48 additions and 10 deletions

@ -21,7 +21,7 @@ meta:
enabled: true enabled: true
fields: fields:
- title - title
- description - alt
- file - file
# "defaultImageFilter" dient auch hier nur zur Reduzierung der # "defaultImageFilter" dient auch hier nur zur Reduzierung der
@ -120,6 +120,26 @@ fields:
de: Datei de: Datei
en: File en: File
- name: alt
type: string
meta:
label:
de: Alternativtext
en: Alternative text
helperText:
de: Der Alternativtext wird angezeigt, wenn die Datei nicht geladen werden kann.
en: The alternative text is displayed if the file cannot be loaded.
- name: title
type: string
meta:
label:
de: Titel
en: Title
helperText:
de: Der Titel wird angezeigt, wenn die Datei geladen wird.
en: The title is displayed when the file is loaded.
- name: sort - name: sort
type: number type: number
meta: meta:

@ -71,7 +71,7 @@
{#if page?.active === false} {#if page?.active === false}
<meta name="robots" content="noindex" /> <meta name="robots" content="noindex" />
{/if} {/if}
<link rel="canonical" href="{baseURL + page.path}" /> <link rel="canonical" href="{baseURL + page?.path}" />
{/key} {/key}
</svelte:head> </svelte:head>
<div class="rows" class:HP="{path == '/'}"> <div class="rows" class:HP="{path == '/'}">

@ -24,7 +24,11 @@
</script> </script>
<div class="card"> <div class="card">
<img src="{apiBaseURL}medialib/{card.image}/{$mediaLibrary?.[card?.image]?.file?.src}" alt="card" /> <img
src="{apiBaseURL}medialib/{card.image}/{$mediaLibrary?.[card?.image]?.file?.src}"
alt="{$mediaLibrary[card?.image]?.alt || ''}"
title="{$mediaLibrary[card?.image]?.title || ''}"
/>
<div class="content"> <div class="content">
<div <div

@ -49,6 +49,7 @@
href="{apiBaseURL}medialib/{nE.file}/{$mediaLibrary?.[nE?.file]?.file?.src}" href="{apiBaseURL}medialib/{nE.file}/{$mediaLibrary?.[nE?.file]?.file?.src}"
style="text-decoration: none;" style="text-decoration: none;"
download="{apiBaseURL}medialib/{nE.file}/{$mediaLibrary?.[nE?.file]?.file?.src}" download="{apiBaseURL}medialib/{nE.file}/{$mediaLibrary?.[nE?.file]?.file?.src}"
> >
<button class="more">mehr</button></a <button class="more">mehr</button></a
> >

@ -10,7 +10,11 @@
<div class="iconBlock"> <div class="iconBlock">
{#each col.iconBlocks as icon} {#each col.iconBlocks as icon}
<div class="icon"> <div class="icon">
<img src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary?.[icon?.icon]?.file?.src}`}" alt="img" /> <img
alt="{$mediaLibrary[icon.icon]?.alt || ''}"
title="{$mediaLibrary[icon.icon]?.title || ''}"
src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary?.[icon?.icon]?.file?.src}`}"
/>
<div class="text"> <div class="text">
<em>{icon.bigText}</em> <em>{icon.bigText}</em>
<p>{icon.smallText}</p> <p>{icon.smallText}</p>
@ -46,7 +50,6 @@
img { img {
width: 75%; width: 75%;
height: auto; height: auto;
} }
.text { .text {
display: flex; display: flex;

@ -7,7 +7,11 @@
</script> </script>
<div class="image-container"> <div class="image-container">
<img src="{`${apiBaseURL}medialib/${image}/${$mediaLibrary[image]?.file?.src}`}" alt="img" /> <img
src="{`${apiBaseURL}medialib/${image}/${$mediaLibrary[image]?.file?.src}`}"
alt="{$mediaLibrary[image]?.alt || ''}"
title="{$mediaLibrary[image]?.title || ''}"
/>
</div> </div>
{#if col && col.icons} {#if col && col.icons}
<div class="icons"> <div class="icons">
@ -16,7 +20,8 @@
<a href="{icon.link}" style="text-decoration: none;" target="_blank"> <a href="{icon.link}" style="text-decoration: none;" target="_blank">
<img <img
src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary[icon.icon]?.file?.src}`}" src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary[icon.icon]?.file?.src}`}"
alt="img" alt="{$mediaLibrary[icon.icon]?.alt || ''}"
title="{$mediaLibrary[icon.icon]?.title || ''}"
/> />
</a> </a>
</div> </div>

@ -11,7 +11,8 @@
<div class="icon"> <div class="icon">
<img <img
src="{`${apiBaseURL}medialib/${col.infoBoard.icon}/${$mediaLibrary[col.infoBoard.icon]?.file?.src}`}" src="{`${apiBaseURL}medialib/${col.infoBoard.icon}/${$mediaLibrary[col.infoBoard.icon]?.file?.src}`}"
alt="img" alt="{$mediaLibrary[col.infoBoard.icon]?.alt || ''}"
title="{$mediaLibrary[col.infoBoard.icon]?.title || ''}"
/> />
</div> </div>
<div class="title"> <div class="title">

@ -25,8 +25,9 @@
src="{`${apiBaseURL}medialib/${p?.personPreview?.initialImage}/${ src="{`${apiBaseURL}medialib/${p?.personPreview?.initialImage}/${
$mediaLibrary[p?.personPreview?.initialImage]?.file?.src $mediaLibrary[p?.personPreview?.initialImage]?.file?.src
}`}" }`}"
alt="img"
style="opacity: {hover == i ? 0 : 1}" style="opacity: {hover == i ? 0 : 1}"
alt="{$mediaLibrary[p?.personPreview?.initialImage]?.alt || ''}"
title="{$mediaLibrary[p?.personPreview?.initialImage]?.title || ''}"
/> />
<!-- Hover Image --> <!-- Hover Image -->
<img <img
@ -34,8 +35,9 @@
src="{`${apiBaseURL}medialib/${p?.personPreview?.hoverImage}/${ src="{`${apiBaseURL}medialib/${p?.personPreview?.hoverImage}/${
$mediaLibrary[p?.personPreview?.hoverImage]?.file?.src $mediaLibrary[p?.personPreview?.hoverImage]?.file?.src
}`}" }`}"
alt="img"
style="opacity: {hover == i ? 1 : 0}" style="opacity: {hover == i ? 1 : 0}"
alt="{$mediaLibrary[p?.personPreview?.hoverImage]?.alt || ''}"
title="{$mediaLibrary[p?.personPreview?.hoverImage]?.title || ''}"
/> />
</div> </div>
<div class="text"> <div class="text">

2
types/global.d.ts vendored

@ -60,6 +60,8 @@ type Column =
interface MediaLibrary { interface MediaLibrary {
file: FileField file: FileField
alt: string
title: string
id: string id: string
} }