diff options
| author | Kevin J Hoerr <kjhoerr@protonmail.com> | 2023-12-28 17:22:19 +0000 |
|---|---|---|
| committer | Kevin J Hoerr <kjhoerr@protonmail.com> | 2023-12-28 17:22:19 +0000 |
| commit | ffd2505abf321eb747295c0a184dbe9388c1fd02 (patch) | |
| tree | 0a0a22b322aff393d098bbc0cf819f45ca67af83 /src/config.ts | |
| parent | 813e1c5ef4f94b23d193bd812c51b7e7dc89ce2f (diff) | |
| download | submelon.dev-ffd2505abf321eb747295c0a184dbe9388c1fd02.tar.gz submelon.dev-ffd2505abf321eb747295c0a184dbe9388c1fd02.tar.bz2 submelon.dev-ffd2505abf321eb747295c0a184dbe9388c1fd02.zip | |
Add css override for Framework forums; run format
Diffstat (limited to 'src/config.ts')
| -rw-r--r-- | src/config.ts | 43 |
1 files changed, 28 insertions, 15 deletions
diff --git a/src/config.ts b/src/config.ts index 838a689..3746503 100644 --- a/src/config.ts +++ b/src/config.ts @@ -16,23 +16,36 @@ export default function (config: any) { }); // images - config.addShortcode("image", async (src: string, alt: string, sizes: string, width: number, height: number | undefined) => { - let metadata = await Image(src, { - widths: [width, 550, "auto"], - formats: ["webp", "png"], - urlPath: "/images/", - outputDir: "./public/images/", - }); - - let url = metadata.png?.[0].url ?? ""; - - return `<picture> -${Object.values(metadata).map(imageFormat => { - return ` <source type="${imageFormat[0].sourceType}" srcset="${imageFormat.map(entry => entry.srcset).join(", ")}" sizes="${sizes}">`; -}).join("\n")} + config.addShortcode( + "image", + async ( + src: string, + alt: string, + sizes: string, + width: number, + height: number | undefined, + ) => { + let metadata = await Image(src, { + widths: [width, 550, "auto"], + formats: ["webp", "png"], + urlPath: "/images/", + outputDir: "./public/images/", + }); + + let url = metadata.png?.[0].url ?? ""; + + return `<picture> +${Object.values(metadata) + .map((imageFormat) => { + return ` <source type="${imageFormat[0].sourceType}" srcset="${imageFormat + .map((entry) => entry.srcset) + .join(", ")}" sizes="${sizes}">`; + }) + .join("\n")} <img src="${url}" width="${width}" height="${height ?? width}" alt="${alt}"> </picture>`; - }); + }, + ); // add `date` filter config.addFilter("formatDate", formatDate); |
