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

Compare commits

base: Alexander:61488a8ce9884d13989d3c4d095d7c4670987db3
Branches Tags
Alexander:master
..
compare: Alexander:177e2c8fca9acdb664f53ea0aad88d146535ade2
Branches Tags
Alexander:master

No commits in common. "61488a8ce9884d13989d3c4d095d7c4670987db3" and "177e2c8fca9acdb664f53ea0aad88d146535ade2" have entirely different histories.
61488a8ce9 ... 177e2c8fca

2 changed files with 3 additions and 13 deletions
Show Stats Expand all files Collapse all files

11
src/lib/components/Card.svelte
View File

@ -48,8 +48,6 @@ onMount(() => {
height: 255px;
object-fit: cover;
transition: 200ms;
}
.blur{
filter: blur(10px);
backdrop-filter: blur(10px);
}
@ -170,14 +168,11 @@ onMount(() => {
}
</style>
<a class=card_anchor href="/rezepte/{recipe.short_name}" class:search_me={search} data-tags=[{recipe.tags}]>
<div class="card" >
<a class=card_anchor href="/rezepte/{recipe.short_name}">
<div class="card" class:search_me={search} data-tags=[{recipe.tags}]>
<div class=div_div_image >
<div class=div_image style="background-image:url({'https://bocken.org/static/rezepte/placeholder/' + recipe.short_name + '.webp'})">
<noscript>
<img id=image src={'https://bocken.org/static/rezepte/thumb/' + recipe.short_name + '.webp'} loading=lazy alt="{recipe.alt}"/>
</noscript>
<img class:blur={!isloaded} id=image class=blur src={'https://bocken.org/static/rezepte/thumb/' + recipe.short_name + '.webp'} loading=lazy alt="{recipe.alt}" on:load={() => isloaded=true}/>
<img class:unblur={isloaded} id=image src={'https://bocken.org/static/rezepte/thumb/' + recipe.short_name + '.webp'} loading=lazy alt="{recipe.alt}" on:load={() => isloaded=true}/>
</div>
</div>
{#if icon_override || recipe.season.includes(current_month)}

5
src/lib/components/TitleImgParallax.svelte
View File

@ -170,11 +170,6 @@ dialog button{
<img class:unblur={isloaded} id=image {src} on:load={() => {isloaded=true}} alt=""/>
</div>
</div>
<noscript>
<div class=placeholder style="background-image:url({placeholder_src})" >
<img class="unblur" id=image {src} on:load={() => {isloaded=true}} alt=""/>
</div>
</noscript>
</div>
</figure>
<div class=content><slot></slot></div>