···66+++
7788<script lang="ts">
99- export let data;
99+ import images from './images.json'
1010+ import { CldImage } from 'svelte-cloudinary'
1011</script>
11121213<style>
···19202021photos i took while on a japan trip
21222222-<p>
2323-these are *not* sorted, have fun trying to figure out the actual order
2424-<span class="text-xs italic">(i accidentally stripped the exif data and im too lazy to find the images again)</span>
2525-</p>
2323+~~these are *not* sorted, have fun trying to figure out the actual order (i accidentally stripped the exif data and im too lazy to find the images again)~~
2424+fixed!!!! i also added a few images because im dumb and forgot
2525+2626+*(you can click on an image to see original!)*
26272728<div class="grid gap-0.5 auto-rows-min md:grid-cols-4">
2828-{#each data.images as src}
2929-<enhanced:img class="w-full h-full object-cover [transition:transform_.4s] md:hover:[transform:scale(2.5)]" {src}/>
2929+{#each images as image}
3030+{@const ogimage = `https://res.cloudinary.com/dgtwf7mar/image/upload/${image}`}
3131+<a class="!animate-none" href={ogimage}><CldImage width={480} height={480} src={image} class="w-full h-full object-cover [image-rendering:high-quality_!important]"/></a>
3032{/each}
3133</div>