Compare commits

...

2 Commits

Author SHA1 Message Date
6aaf4ecfb4
reliably unblur, only use unblur if image not already loaded 2023-07-12 12:44:44 +02:00
bfc20ec192
rm jukit stuff 2023-07-12 12:28:34 +02:00
11 changed files with 18 additions and 11 deletions

View File

@ -1 +0,0 @@
{"display_param": "0", "terminal": "nvimterm"}

View File

@ -11,6 +11,14 @@ if(icon_override){
}
let isloaded = false
import { onMount } from "svelte";
onMount(() => {
const el = document.querySelector("img")
if(el.complete){
isloaded = true
}
})
</script>
<style>
.card{

View File

@ -2,6 +2,14 @@
export let src
export let placeholder_src
let isloaded=false
import { onMount } from "svelte";
onMount(() => {
const el = document.querySelector("img")
if(el.complete){
isloaded = true
}
})
</script>
<style>
:root {
@ -60,7 +68,7 @@
object-fit: cover;
object-position: 50% 20%;
backdrop-filter: blur(20px);
transition: 200ms;
transition: 50ms;
filter: blur(20px);
z-index: -10;
}
@ -106,7 +114,7 @@ div:has(.placeholder){
<div>
<div class=placeholder style="background-image:url({placeholder_src})" >
<div class=placeholder_blur>
<img class:unblur={isloaded} id=image {src} on:load={() => isloaded=true} alt=""/>
<img class:unblur={isloaded} id=image {src} on:load={() => {isloaded=true}} alt=""/>
</div>
</div>
</div>

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}