diff --git a/public/gen-img/events/amsterdam01.png b/public/gen-img/events/amsterdam01.png index b8bb350..a73305f 100644 Binary files a/public/gen-img/events/amsterdam01.png and b/public/gen-img/events/amsterdam01.png differ diff --git a/public/gen-img/events/bangkok01.png b/public/gen-img/events/bangkok01.png new file mode 100644 index 0000000..912bc48 Binary files /dev/null and b/public/gen-img/events/bangkok01.png differ diff --git a/public/gen-img/events/barcelona02.png b/public/gen-img/events/barcelona02.png new file mode 100644 index 0000000..3ec0341 Binary files /dev/null and b/public/gen-img/events/barcelona02.png differ diff --git a/public/gen-img/events/berlin03.png b/public/gen-img/events/berlin03.png new file mode 100644 index 0000000..bb6429c Binary files /dev/null and b/public/gen-img/events/berlin03.png differ diff --git a/public/gen-img/events/brno01.png b/public/gen-img/events/brno01.png index 0c43627..a8a24a5 100644 Binary files a/public/gen-img/events/brno01.png and b/public/gen-img/events/brno01.png differ diff --git a/public/gen-img/events/brussels01.png b/public/gen-img/events/brussels01.png new file mode 100644 index 0000000..d0980ce Binary files /dev/null and b/public/gen-img/events/brussels01.png differ diff --git a/public/gen-img/events/bucharest01.png b/public/gen-img/events/bucharest01.png index 52306b0..2fb3261 100644 Binary files a/public/gen-img/events/bucharest01.png and b/public/gen-img/events/bucharest01.png differ diff --git a/public/gen-img/events/copenhagen02.png b/public/gen-img/events/copenhagen02.png new file mode 100644 index 0000000..c241f2d Binary files /dev/null and b/public/gen-img/events/copenhagen02.png differ diff --git a/public/gen-img/events/rome02.png b/public/gen-img/events/rome02.png new file mode 100644 index 0000000..3c7d0a4 Binary files /dev/null and b/public/gen-img/events/rome02.png differ diff --git a/public/gen-img/events/warsaw01.png b/public/gen-img/events/warsaw01.png new file mode 100644 index 0000000..fd8e117 Binary files /dev/null and b/public/gen-img/events/warsaw01.png differ diff --git a/src/components/EventImageGenerator.svelte b/src/components/EventImageGenerator.svelte index ff59235..fb93398 100644 --- a/src/components/EventImageGenerator.svelte +++ b/src/components/EventImageGenerator.svelte @@ -3,7 +3,7 @@ import core from '../core.json'; import { dateFormat } from '../lib/events.js'; import { marked } from 'marked'; -import { onMount } from 'svelte'; +import { onMount, afterUpdate } from 'svelte'; import { writable } from 'svelte/store'; import Square from './event-formats/square.svelte'; @@ -89,6 +89,7 @@ function getImageUrl(img) { $: image = $imageSelected ? getImageUrl($imageSelected) : ''; $: event = core.events.find(e => e.id === $eventSelected); $: speaker = core.people.find(p => p.id === $speakerSelected); +$: imgSrc = $deepImgSrc?.[image]; const tools = { dateFormat @@ -98,9 +99,26 @@ let imagesSrc = import.meta.glob("../../public/gen-img/events/*.png"); const images = []; for (const path in imagesSrc) { const splitted = path.split('/') - images.push(splitted[splitted.length-1].split('.')[0]) + const ph = splitted[splitted.length-1].split('.')[0]; + images.push(ph); } +const deepImgSrc = writable(null); +async function updateImages () { + + const col = {}; + for (const imgFn of images) { + const id = getImageUrl(imgFn) + let imgClass = await import("../../public"+id); + const i = imgClass.default; + i.ratio = i.width / i.height; + col[id] = i; + } + deepImgSrc.set(col); +} +onMount(updateImages); +afterUpdate(updateImages); + @@ -161,13 +179,15 @@ for (const path in imagesSrc) { {/each} + +{#if imgSrc}