Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix recipe page

Browse Source
This commit is contained in:
Alexander Bocken 2023-07-11 18:59:40 +02:00
parent 915e49352f
commit 57017baed8
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/rezepte/[name]/+page.svelte
View File

@ -11,7 +11,8 @@
export let data: PageData; export let data: PageData;
let hero_img_src = "/images/" + data.images[0].mediapath const hero_img_src = "https://new.bocken.org/static/rezepte/full/" + data.short_name + ".webp"
const placeholder_src = "https://new.bocken.org/static/rezepte/placeholder/" + data.short_name + ".webp"
export let months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"] export let months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]
function season_intervals() { function season_intervals() {
let interval_arr = [] let interval_arr = []
@ -184,8 +185,7 @@ h4{
} }
</style> </style>
<TitleImgParallax src={hero_img_src} {placeholder_src}>
<TitleImgParallax src=/images/{data.images[0].mediapath}>
<div class=title> <div class=title>
<a class="icon" href='/rezepte/icon/{data.icon}'>{data.icon}</a> <a class="icon" href='/rezepte/icon/{data.icon}'>{data.icon}</a>
<h1>{@html data.name}</h1> <h1>{@html data.name}</h1>
@ -201,8 +201,8 @@ h4{
<a class=tag href="/rezepte/season/{season[0]}">{months[season[0] - 1]}-{months[season[1] - 1]}</a> <a class=tag href="/rezepte/season/{season[0]}">{months[season[0] - 1]}-{months[season[1] - 1]}</a>
{/each} {/each}
</div> </div>
<h4>Stichwörter:</h4>
<div class=tags> <div class=tags>
<h4>Stichwörter:</h4>
{#each data.tags as tag} {#each data.tags as tag}
<a class=tag href="/rezepte/tag/{tag}">{tag}</a> <a class=tag href="/rezepte/tag/{tag}">{tag}</a>
{/each} {/each}