feat: use cdn to serve images

package.json

@@ -31,6 +31,7 @@
     "svelte": "^4.2.19",
     "svelte-adapter-bun": "^0.5.2",
     "svelte-check": "^3.8.6",
+    "svelte-cloudinary": "^2.3.0",
     "sveltekit-rate-limiter": "^0.6.1",
     "tailwindcss": "^3.4.16",
     "tslib": "^2.8.1",

src/routes/entries/japan-trip24/+page.md

@@ -6,7 +6,8 @@ excerpt = "photos from my trip to japan"
 +++
 
 <script lang="ts">
-    export let data;
+    import images from './images.json'
+    import { CldImage } from 'svelte-cloudinary'
 </script>
 
 <style>
@@ -19,13 +20,14 @@ excerpt = "photos from my trip to japan"
 
 photos i took while on a japan trip
 
-<p>
-these are *not* sorted, have fun trying to figure out the actual order
-<span class="text-xs italic">(i accidentally stripped the exif data and im too lazy to find the images again)</span>
-</p>
+~~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)~~
+fixed!!!! i also added a few images because im dumb and forgot
+
+*(you can click on an image to see original!)*
 
 <div class="grid gap-0.5 auto-rows-min md:grid-cols-4">
-{#each data.images as src}
-<enhanced:img class="w-full h-full object-cover [transition:transform_.4s] md:hover:[transform:scale(2.5)]" {src}/>
+{#each images as image}
+{@const ogimage = `https://res.cloudinary.com/dgtwf7mar/image/upload/${image}`}
+<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>
 {/each}
 </div>

src/routes/entries/japan-trip24/+page.ts

@@ -1,12 +0,0 @@
-const images = import.meta.glob<any>(
-    './images/*.webp',
-    { query: { enhanced: true, format: "webp" }, eager: true }
-);
-
-export function load() {
-    const imgs =
-        Object.values(images).map(module => {
-            return module.default
-        });
-    return { images: imgs }
-}

src/routes/entries/japan-trip24/images.json

@@ -0,0 +1,227 @@
+[
+  "IMG_1548_grkjls",
+  "IMG_1550_vodfkw",
+  "IMG_1551_fc8ow3",
+  "IMG_1554_nrfaxo",
+  "IMG_1557_zonamx",
+  "IMG_1559_fi9gql",
+  "IMG_1560_f4tjn6",
+  "IMG_1561_bgq40t",
+  "IMG_1562_qcgnrm",
+  "IMG_1564_htirzo",
+  "IMG_1565_dttzth",
+  "IMG_1566_ho5gwx",
+  "IMG_1567_d0etvq",
+  "IMG_1568_it4bmq",
+  "IMG_1574_z8s3ko",
+  "IMG_1575_mcgrvr",
+  "IMG_1587_m9bv0s",
+  "IMG_1588_hr921f",
+  "IMG_1589_jht9el",
+  "IMG_1590_aregyu",
+  "IMG_1593_kznbh7",
+  "IMG_1596_zm0dxi",
+  "IMG_1602_klj3kk",
+  "IMG_1603_oqdb98",
+  "IMG_1604_xfsytd",
+  "IMG_1608_ukyh5c",
+  "IMG_1620_csri5w",
+  "IMG_1622_tjvjso",
+  "IMG_1623_cvegyx",
+  "IMG_1626_ryegcv",
+  "IMG_1632_xoct96",
+  "IMG_1645_lmgpfk",
+  "IMG_1646_qjkkfv",
+  "IMG_1648_xswq18",
+  "IMG_1650_urntrf",
+  "IMG_1651_fcjzgt",
+  "IMG_1652_zbttvs",
+  "IMG_1654_tuesk4",
+  "IMG_1662_s5otqc",
+  "IMG_1663_vqk6mr",
+  "IMG_1664_y2cqbv",
+  "IMG_1675_vfatdq",
+  "IMG_1677_xbh3zy",
+  "IMG_1680_ubpd6l",
+  "IMG_1682_d7mwxr",
+  "IMG_1683_xp3pgp",
+  "IMG_1684_vpabrd",
+  "IMG_1685_luhmdk",
+  "IMG_1686_czucuf",
+  "IMG_1687_tc1oo1",
+  "IMG_1689_uju7nq",
+  "IMG_1692_pagenu",
+  "IMG_1694_qmcryo",
+  "IMG_1697_yuxzde",
+  "IMG_1699_yq0aax",
+  "IMG_1700_wddm7r",
+  "IMG_1701_ylvvyx",
+  "IMG_1708_czypw1",
+  "IMG_1712_wwjagg",
+  "IMG_1734_gojndg",
+  "IMG_1735_yd2dy9",
+  "IMG_1738_wgpapk",
+  "IMG_1741_hbtbvk",
+  "IMG_1756_njptxf",
+  "IMG_1759_b91ff5",
+  "IMG_1763_saii3h",
+  "IMG_1775_byhnbi",
+  "IMG_1776_jtl3uc",
+  "IMG_1778_ufiaw4",
+  "IMG_1780_mqa1tk",
+  "IMG_1783_j9zqjv",
+  "IMG_1785_ou7nvf",
+  "IMG_1786_zkn6mk",
+  "IMG_1788_mb8oip",
+  "IMG_1789_fa4xut",
+  "IMG_1790_fji4oi",
+  "IMG_1799_y2pqnu",
+  "IMG_1801_nb2fyk",
+  "IMG_1802_ifidvt",
+  "IMG_1805_ugpswy",
+  "IMG_1806_edmuxz",
+  "IMG_1812_vozh2q",
+  "IMG_1813_yxlipi",
+  "IMG_1814_z7lgfg",
+  "IMG_1816_wft8gn",
+  "IMG_1819_aotxhf",
+  "IMG_1822_f536dv",
+  "IMG_1825_n0f0t3",
+  "IMG_1832_crxl8c",
+  "IMG_1834_dxscck",
+  "IMG_1836_nzayf6",
+  "IMG_1837_w0umua",
+  "IMG_1838_jun3om",
+  "IMG_1839_gu0huo",
+  "IMG_1841_ypknji",
+  "IMG_1844_mscenv",
+  "IMG_1845_btu9ks",
+  "IMG_1846_ewgafy",
+  "IMG_1848_l61sd5",
+  "IMG_1849_zympk9",
+  "IMG_1862_uxhhcu",
+  "IMG_1864_vmouhi",
+  "IMG_1867_apl41d",
+  "IMG_1868_obb1q1",
+  "IMG_1870_wj4wx6",
+  "IMG_1875_cbr5us",
+  "IMG_1877_zbnsf4",
+  "IMG_1880_tjdd4g",
+  "IMG_1882_i2tt70",
+  "IMG_1888_gsjmcv",
+  "IMG_1890_uronrs",
+  "IMG_1893_jgr7lt",
+  "IMG_1895_pklwtb",
+  "IMG_1898_bedmeo",
+  "IMG_1900_bkkvjo",
+  "IMG_1901_s8nt0w",
+  "IMG_1902_efpceq",
+  "IMG_1905_e7knuy",
+  "IMG_1908_ssdjim",
+  "IMG_1911_ehsgjz",
+  "IMG_1912_xbxhev",
+  "IMG_1914_vijsn0",
+  "IMG_1915_zdev3v",
+  "IMG_1916_qwqg78",
+  "IMG_1917_gitpjp",
+  "IMG_1918_ris8iy",
+  "IMG_1920_srnvqq",
+  "IMG_1921_olm7ko",
+  "IMG_1923_xmylox",
+  "IMG_1924_trh5ah",
+  "IMG_1925_wu1e9g",
+  "IMG_1927_pb6htn",
+  "IMG_1933_tlzwd7",
+  "IMG_1939_njl48e",
+  "IMG_1946_xqa0w0",
+  "IMG_1948_peik8p",
+  "IMG_1949_ofxeix",
+  "IMG_1958_fnz3a6",
+  "IMG_1959_xo1tn5",
+  "IMG_1964_vhahus",
+  "IMG_1975_i0azhi",
+  "IMG_1977_dffpgt",
+  "IMG_1985_g0z0ja",
+  "IMG_1988_qm6hln",
+  "IMG_1989_tfhakh",
+  "IMG_1990_udmwst",
+  "IMG_1994_nq1m8c",
+  "IMG_1995_d865i7",
+  "IMG_1996_jqexwr",
+  "IMG_1999_mqli90",
+  "IMG_2001_n3lpuz",
+  "IMG_2007_sz0r6o",
+  "IMG_2008_slarjg",
+  "IMG_2009_gpch49",
+  "IMG_2013_tcwlqe",
+  "IMG_2014_idxngh",
+  "IMG_2021_v4stwp",
+  "IMG_2022_d3ihri",
+  "IMG_2023_lrbsoj",
+  "IMG_2024_q33xbl",
+  "IMG_2025_uvntmq",
+  "IMG_2026_iy6e9s",
+  "IMG_2028_fazbnu",
+  "IMG_2030_afziyc",
+  "IMG_2031_ivs1ig",
+  "IMG_2032_yaerpl",
+  "IMG_2036_jvseyo",
+  "IMG_2039_o3jzt7",
+  "IMG_2050_vonn8i",
+  "IMG_2059_lraklw",
+  "IMG_2061_xggawc",
+  "IMG_2063_i0cgat",
+  "IMG_2065_dzmvuc",
+  "IMG_2071_rqpcvd",
+  "IMG_2075_r926jy",
+  "IMG_2077_ydvll5",
+  "IMG_2079_mhsa7e",
+  "IMG_2083_hod0ln",
+  "IMG_2087_jccuhd",
+  "IMG_2090_s16pgf",
+  "IMG_2091_lidh3q",
+  "IMG_2092_bwhedb",
+  "IMG_2094_mlnltg",
+  "IMG_2096_je0fyy",
+  "IMG_2097_t18aim",
+  "IMG_2098_uiokml",
+  "IMG_2102_pkjche",
+  "IMG_2107_ckyznj",
+  "IMG_2108_gpth3i",
+  "IMG_2110_dbwrcs",
+  "IMG_2111_jmslli",
+  "IMG_2113_zkqsiq",
+  "IMG_2114_mofaie",
+  "IMG_2118_lmjwhj",
+  "IMG_2119_yzvhqm",
+  "IMG_2120_wgnbim",
+  "IMG_2121_mwvte4",
+  "IMG_2123_kxrfiu",
+  "IMG_2125_fjinmr",
+  "IMG_2126_l0qe33",
+  "IMG_2128_w36btk",
+  "IMG_2131_wc0z6d",
+  "IMG_2141_pnw1mp",
+  "IMG_2143_je1kxx",
+  "IMG_2144_wfyrbj",
+  "IMG_2146_k84hr3",
+  "IMG_2149_j7qjwy",
+  "IMG_2150_fcc1cx",
+  "IMG_2151_fjtdhm",
+  "IMG_2155_zhmhmk",
+  "IMG_2159_pjbb7e",
+  "IMG_2162_i0i9fr",
+  "IMG_2165_cpvzlg",
+  "IMG_2168_zgsdcf",
+  "IMG_2171_lbhlnr",
+  "IMG_2172_c5hbzn",
+  "IMG_2173_jwtjn7",
+  "IMG_2174_ntsxh1",
+  "IMG_2175_sak0od",
+  "IMG_2176_svth1u",
+  "IMG_2178_sjdqzt",
+  "IMG_2180_grhg9y",
+  "IMG_2181_kj9pko",
+  "IMG_2188_ao64sh",
+  "IMG_2190_ngl8q8"
+]