@turnipxenon/pineapple 5.3.0-alpha.5 → 5.3.0

package/dist/external/paraglide/messages/_index.d.ts

@@ -1,3 +1,9 @@
-export * from "./example_message.js";
-export * from "./settings.js";
+export function example_message(inputs: {
+    username: NonNullable<unknown>;
+}, options?: {
+    locale?: "en" | "fr" | "tl";
+}): string;
+export function settings(inputs?: {}, options?: {
+    locale?: "en" | "fr" | "tl";
+}): string;
 //# sourceMappingURL=_index.d.ts.map

package/dist/external/paraglide/messages/_index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_index.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/paraglide/messages/_index.js"],"names":[],"mappings":""}
+{"version":3,"file":"_index.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/paraglide/messages/_index.js"],"names":[],"mappings":"AAkBO,wCALG;IAAE,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAAE,YAClC;IAAE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,GAC7B,MAAM,CAYjB;AAcM,kCALG,EAAE,YACF;IAAE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,GAC7B,MAAM,CAYjB"}

package/dist/external/paraglide/messages/_index.js

@@ -1,3 +1,51 @@
 /* eslint-disable */
-export * from './example_message.js'
-export * from './settings.js'
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from "../runtime.js"
+import * as en from "./en.js"
+import * as fr from "./fr.js"
+import * as tl from "./tl.js"
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{ username: NonNullable<unknown> }} inputs
+* @param {{ locale?: "en" | "fr" | "tl" }} options
+* @returns {string}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+export const example_message = (inputs, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.example_message(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("example_message", locale)
+	if (locale === "en") return en.example_message(inputs)
+	if (locale === "fr") return fr.example_message(inputs)
+	return tl.example_message(inputs)
+};
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{}} inputs
+* @param {{ locale?: "en" | "fr" | "tl" }} options
+* @returns {string}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+export const settings = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("settings", locale)
+	if (locale === "en") return en.settings(inputs)
+	if (locale === "fr") return fr.settings(inputs)
+	return tl.settings(inputs)
+};

package/dist/external/paraglide/messages/en.d.ts

@@ -0,0 +1,5 @@
+export const example_message: (inputs: {
+    username: NonNullable<unknown>;
+}) => string;
+export const settings: (inputs: {}) => string;
+//# sourceMappingURL=en.d.ts.map

package/dist/external/paraglide/messages/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/paraglide/messages/en.js"],"names":[],"mappings":"AAGA,8BAA0C,CAAC,MAAM,EAAE;IAAE,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAAE,KAAK,MAAM,CAE9F;AAEF,uBAAmC,CAAC,MAAM,EAAE,EAAE,KAAK,MAAM,CAEvD"}

package/dist/external/paraglide/messages/en.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+
+
+export const example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
+	return `Hello world ${i.username}`
+};
+
+export const settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Settings`
+};

package/dist/external/paraglide/messages/fr.d.ts

@@ -0,0 +1,5 @@
+export const example_message: (inputs: {
+    username: NonNullable<unknown>;
+}) => string;
+export const settings: (inputs: {}) => string;
+//# sourceMappingURL=fr.d.ts.map

package/dist/external/paraglide/messages/fr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/paraglide/messages/fr.js"],"names":[],"mappings":"AAGA,8BAA0C,CAAC,MAAM,EAAE;IAAE,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAAE,KAAK,MAAM,CAE9F;AAEF,uBAAmC,CAAC,MAAM,EAAE,EAAE,KAAK,MAAM,CAEvD"}

package/dist/external/paraglide/messages/fr.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+
+
+export const example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
+	return `Bonjour ${i.username}`
+};
+
+export const settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Paramètres`
+};

package/dist/external/paraglide/messages/tl.d.ts

@@ -0,0 +1,5 @@
+export const example_message: (inputs: {
+    username: NonNullable<unknown>;
+}) => string;
+export { settings } from "./en.js";
+//# sourceMappingURL=tl.d.ts.map

package/dist/external/paraglide/messages/tl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tl.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/paraglide/messages/tl.js"],"names":[],"mappings":"AAGA,8BAA0C,CAAC,MAAM,EAAE;IAAE,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAAE,KAAK,MAAM,CAE9F"}

package/dist/external/paraglide/messages/tl.js

@@ -0,0 +1,7 @@
+/* eslint-disable */
+
+
+export const example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
+	return `Kamusta ${i.username}`
+};
+export { settings } from "./en.js"

package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte

@@ -17,3 +17,13 @@
 <!-- todo(turnip): determine appropriate media -->
 <!-- todo(turnip): add alt text -->
 <img src={`${getCmsBaseUrl()}/${wikilink.fileAccessor.basePath}`} alt=""/>
+
+<style>
+	img {
+			display: block;
+			width: auto;
+      max-height: min(50vh, 24lh);
+      margin: auto;
+      object-fit: contain;
+	}
+</style>

package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParsnipEmbedWikilink.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/parsnip/ParsnipEmbedWikilink.svelte.ts"],"names":[],"mappings":"AAMC,UAAU,aAAa;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,KAAK,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAA;CACD;AACD,KAAK,gBAAgB,GAAI;IAAE,QAAQ,EAAE,aAAa,CAAA;CAAE,CAAC;AActD,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ParsnipEmbedWikilink.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/parsnip/ParsnipEmbedWikilink.svelte.ts"],"names":[],"mappings":"AAMC,UAAU,aAAa;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,KAAK,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAA;CACD;AACD,KAAK,gBAAgB,GAAI;IAAE,QAAQ,EAAE,aAAa,CAAA;CAAE,CAAC;AAgBtD,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/modules/parsnip/ParsnipEntry.d.ts

@@ -1,8 +1,10 @@
+import type { FoodReviewJson } from "../../ui/modules/index";
 import type { ParsnipEntrySummary } from "./ParsnipOverall";
 import type { Root } from "mdast";
 export interface ParsnipEntry extends ParsnipEntrySummary {
     ast: {
         ast: Root;
     };
+    foodReviewJson: FoodReviewJson;
 }
 //# sourceMappingURL=ParsnipEntry.d.ts.map

package/dist/modules/parsnip/ParsnipEntry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParsnipEntry.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/parsnip/ParsnipEntry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,YAAa,SAAQ,mBAAmB;IACxD,GAAG,EAAE;QAAE,GAAG,EAAE,IAAI,CAAA;KAAE,CAAC;CACnB"}
+{"version":3,"file":"ParsnipEntry.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/parsnip/ParsnipEntry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,YAAa,SAAQ,mBAAmB;IACxD,GAAG,EAAE;QAAE,GAAG,EAAE,IAAI,CAAA;KAAE,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC;CAC/B"}

package/dist/modules/parsnip/ParsnipOverall.d.ts

@@ -22,6 +22,8 @@ export interface ParsnipEntrySummary extends SimplifiedEntry {
     basename: string;
     name: string;
     tags: string[];
+    datePublished?: string;
+    lastUpdated?: string;
     stat: {
         /**
          * unix time

package/dist/modules/parsnip/ParsnipOverall.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParsnipOverall.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/parsnip/ParsnipOverall.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC3D;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE;QACL;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACd,CAAA;CACD;AAED,MAAM,WAAW,QAAQ;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"ParsnipOverall.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/parsnip/ParsnipOverall.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC3D;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE;QACL;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACd,CAAA;CACD;AAED,MAAM,WAAW,QAAQ;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CAChB"}

package/dist/modules/parsnip/external-images/ParsnipImage.svelte

@@ -56,8 +56,11 @@
     img {
         aspect-ratio: auto;
         display: block;
-        width: 100%;
+        width: unset;
         border-radius: var(--radius-sm);
+        max-height: min(50vh, 24lh);
+        margin: auto;
+		    object-fit: contain;
     }
 
     .parsnip-image-described {

package/dist/modules/parsnip/route-util/ParsnipBlog.svelte

@@ -13,10 +13,18 @@
 		title: parsnipEntry.basename,
 		datePublished: new Date(parsnipEntry.stat.ctime).toLocaleString(),
 		lastUpdated: new Date(parsnipEntry.stat.mtime).toLocaleString(),
-		priority: 0
+		priority: 0,
+		foodReviewJson: parsnipEntry.foodReviewJson,
 	});
+
 </script>
 
-<BlogTemplate pageMeta={pageMeta}>
+<svelte:head>
+	{#if parsnipEntry.foodReviewJson}
+		{@html `<script type="application/ld+json">${JSON.stringify(parsnipEntry.foodReviewJson)}</script>`}
+	{/if}
+</svelte:head>
+
+<BlogTemplate {pageMeta}>
 	<ParsnipBlockChildren blockChildren={parsnipEntry.ast.ast.children} />
 </BlogTemplate>

package/dist/modules/parsnip/route-util/ParsnipBlog.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParsnipBlog.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/route-util/ParsnipBlog.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEnD,KAAK,gBAAgB,GAAI;IAAE,YAAY,EAAE,YAAY,CAAA;CAAE,CAAC;AA0BzD,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ParsnipBlog.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/route-util/ParsnipBlog.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEnD,KAAK,gBAAgB,GAAI;IAAE,YAAY,EAAE,YAAY,CAAA;CAAE,CAAC;AAkCzD,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/modules/parsnip/route-util/slugPageServerLoad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slugPageServerLoad.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/route-util/slugPageServerLoad.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAKvF,eAAO,MAAM,kBAAkB,GAAU,YAAY;IAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE;;;EA4DhF,CAAC"}
+{"version":3,"file":"slugPageServerLoad.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/route-util/slugPageServerLoad.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAKvF,eAAO,MAAM,kBAAkB,GAAU,YAAY;IAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE;;;EA2FhF,CAAC"}

package/dist/modules/parsnip/route-util/slugPageServerLoad.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { getCmsBaseUrl } from "../../../util/env-getter";
 import { error } from "@sveltejs/kit";
 export const slugPageServerLoad = (_a) => __awaiter(void 0, [_a], void 0, function* ({ params }) {
+    var _b;
     const baseUrl = getCmsBaseUrl();
     const mainMeta = yield fetch(`${baseUrl}/main.meta.json`);
     if (!mainMeta.ok) {
@@ -30,7 +31,10 @@ export const slugPageServerLoad = (_a) => __awaiter(void 0, [_a], void 0, functi
     parsnipEntry.ast.ast.children.forEach(child => {
         if (child.type === "paragraph"
             && child.children.length === 1
-            && child.children[0].type === "image") {
+            && (child.children[0].type === "image"
+                || (child.children[0].type === "link" &&
+                    (child.children[0].url.startsWith("https://photos.")
+                        || child.children[0].url.startsWith("https://rabiole."))))) {
             imageCollection.push(child.children[0]);
         }
         else if (imageCollection.length > 0) {
@@ -45,13 +49,35 @@ export const slugPageServerLoad = (_a) => __awaiter(void 0, [_a], void 0, functi
             newChildren.push(child);
         }
     });
+    if (imageCollection.length > 0) {
+        newChildren.push({
+            "type": "imageCollection",
+            children: imageCollection
+        });
+    }
     parsnipEntry.ast.ast.children = newChildren;
+    let imageUrl = parsnipEntry.preview ? parsnipEntry.preview : undefined;
+    if (imageUrl && !imageUrl.includes("https://")) {
+        imageUrl = `${parsnipOverall.baseUrl}/${parsnipEntry.preview}`;
+    }
     const meta = {
         title: parsnipEntry.basename,
         ogTitle: parsnipEntry.basename,
         ogDescription: parsnipEntry.tagline,
-        ogImage: parsnipEntry.preview ? [`${baseUrl}/${parsnipEntry.preview}`] : undefined
+        ogImage: imageUrl ? [imageUrl] : undefined
     };
+    // process review metadata
+    if ((_b = parsnipEntry.tags) === null || _b === void 0 ? void 0 : _b.includes('food-review')) {
+        // parsnipEntry.foodReviewJson =
+        try {
+            const foodReviewResp = yield fetch(`${baseUrl}/${entryMeta.path.replace('.ast.', '.ld.')}`);
+            parsnipEntry.foodReviewJson = yield foodReviewResp.json();
+            parsnipEntry.datePublished = parsnipEntry.foodReviewJson.datePublished;
+        }
+        catch (err) {
+            console.error(`Failed to fetch review data for ${entryMeta.path}: ${err}`);
+        }
+    }
     return {
         parsnipEntry,
         meta

package/dist/ui/components/FourPartCard.svelte

@@ -21,7 +21,7 @@
 </script>
 
 <PinyaCard {...props} class={`pinya-four-part-card ${props.class}`}>
-	<section class="mb-6">
+	<section class="mb-6 flex-wrapper">
 
 		{#if headerCover}
 			<section class="card-header-cover w-full">
@@ -53,13 +53,21 @@
             padding: 0;
 
             .card-header-cover > img {
-                border-top-right-radius: var(--radius-xl);
-                border-top-left-radius: var(--radius-xl);
+                border-radius: calc(var(--radius-xl) - 2px);
             }
+
+		        word-wrap: break-word;
+            -webkit-hyphens: auto;
+            -moz-hyphens: auto;
+            -ms-hyphens: auto;
+            hyphens: auto;
         }
 
 		    html.dark .pinya-four-part-card {
 				    border: 0;
+            .card-header-cover > img {
+                border-radius: var(--radius-xl);
+            }
 		    }
     }
 </style>

package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte

@@ -3,17 +3,21 @@
 <script lang="ts">
 	import { browser } from "$app/environment";
 	import { page } from "$app/state";
+	import { localizeHref } from "../../../external/paraglide/runtime.js";
 	import type { ParsnipOverall } from "../../../modules/parsnip/ParsnipOverall";
+	import { FourPartCard } from "../../components/index";
+	import { PinyaCard } from "../../elements/index";
+	import Placeholder from "../../elements/Placeholder.svelte";
 	import NavigationControl from "./NavigationControl.svelte";
 	import {
 		DefaultPageMetaSorter,
+		type FoodReviewJson,
 		type PageMeta,
 		parsePageMeta,
 		type ParsePageMetaCompareFn
 	} from "./PageMeta";
-	import { PinyaCard } from "../../elements/index";
-	import Placeholder from "../../elements/Placeholder.svelte";
-	import { localizeHref } from "../../../external/paraglide/runtime.js";
+	import { renderStar } from "../../../util/util";
+	import { SvelteMap } from "svelte/reactivity";
 
 	interface Props {
 		fileList: Record<string, unknown>;
@@ -73,7 +77,7 @@
 	const fileBasedList = parsePageMeta(fileList, jsonList, imageMap, compareFn);
 	const parsnipBasedList = parsnipOverall?.files.map(pf => {
 		let imageUrl = pf.preview;
-		if (imageUrl && !imageUrl.includes('https://')) {
+		if (imageUrl && !imageUrl.includes("https://")) {
 			imageUrl = `${parsnipOverall.baseUrl}/${pf.preview}`;
 		}
 		const meta: PageMeta = {
@@ -83,8 +87,8 @@
 			tags: pf.tags,
 			imageUrl,
 			imageAlt: pf.previewAlt,
-			datePublished: pf.stat.ctime ? new Date(pf.stat.ctime).toISOString().split("T")[0] : undefined,
-			lastUpdated: pf.stat.mtime ? new Date(pf.stat.mtime).toISOString().split("T")[0] : undefined,
+			datePublished: pf.datePublished ?? pf.stat.ctime ? new Date(pf.stat.ctime).toISOString().split("T")[0] : undefined,
+			lastUpdated: pf.lastUpdated ?? pf.stat.mtime ? new Date(pf.stat.mtime).toISOString().split("T")[0] : undefined,
 			description: pf.tagline,
 			priority: 0
 		};
@@ -125,6 +129,33 @@
 		}
 	});
 	let visiblePages = $derived(filteredPageFlatList.slice(currentIndex * pageSize, (currentIndex * pageSize) + pageSize));
+
+	let ratingCache = new SvelteMap<string, string>();
+
+	$effect(() => {
+		if (!browser || !parsnipOverall) {
+			return;
+		}
+
+		visiblePages.forEach(vp => {
+			if (vp.tags.includes("food-review") && !ratingCache.has(vp.relativeLink)) {
+				ratingCache.set(vp.relativeLink, "");
+				const parsnipMetadata = parsnipOverall.files.find(f => f.basename == vp.title);
+
+				if (parsnipMetadata) {
+					fetch(`${parsnipOverall.baseUrl}/${parsnipMetadata.path}`.replaceAll(".ast.", ".ld."))
+						.then(data => data.json())
+						.then((data: FoodReviewJson) => {
+							ratingCache.set(vp.relativeLink, `${renderStar(data.reviewRating.ratingValue)}`);
+						}).catch(err => {
+						console.warn(err);
+					}).finally(() => {
+						console.log(`Rating fetched for ${vp.relativeLink}: ${ratingCache.get(vp.relativeLink)}`);
+					});
+				}
+			}
+		});
+	});
 </script>
 
 <div class="navigation-wrapper">
@@ -158,7 +189,7 @@
 					<Placeholder classes="h-4 w-5/6 mb-2" />
 				</div>
 			</PinyaCard>
-			<PinyaCard widthClass="w-full" className="navigation-element" paddingClass=""  flexClass="" >
+			<PinyaCard widthClass="w-full" className="navigation-element" paddingClass="" flexClass="">
 				<div class="blurb-text">
 					<Placeholder classes="h-8 w-2/3 mb-4" />
 					<Placeholder classes="h-4 w-1/2 mb-2" />
@@ -170,33 +201,43 @@
 			<!-- all the misc routes-->
 			{#each visiblePages as pageMeta (pageMeta.title)}
 				{@const fullPath = `${parentSubpath}${pageMeta.relativeLink}`}
+
+				<!-- https://github.com/sveltejs/svelte/issues/11115#issuecomment-2048556800 -->
+				{#snippet headerCover()}
+					<img src={pageMeta.imageUrl}
+					     class="pinya-card-image"
+					     alt={pageMeta.imageAlt ?? "placeholder alt text please replace me or report me!"} />
+				{/snippet}
+
 				<!-- thank you so much to https://www.reddit.com/r/sveltejs/comments/yoe6in/comment/jvaj1ez -->
 				<a href={localizeHref(fullPath)} class="card-anchor a-as-btn" data-sveltekit-reload>
-					<PinyaCard
+					<FourPartCard
 						widthClass="w-full"
 						className="navigation-element"
 						flexClass=""
 						paddingClass=""
+						headerCover={pageMeta.imageUrl ? headerCover : undefined}
 					>
-						{#if pageMeta.imageUrl}
-							<img src={pageMeta.imageUrl}
-							     class="pinya-card-image"
-							     alt={pageMeta.imageAlt ?? "placeholder alt text please replace me or report me!"} />
-						{/if}
 						<section class="blurb-text">
 							<h2>{pageMeta.title}</h2>
 							<p>Published: {pageMeta.datePublished ?? "N/A"} | Last updated: {pageMeta.lastUpdated ?? "N/A"}</p>
-							<p>{pageMeta.description ?? ""}</p>
-							Tags:
-							{#if (pageMeta.tags && pageMeta.tags.length !== 0)}
-								{#each pageMeta.tags as tagValue, idx (idx)}
-									&nbsp;<span class="badge tag-container">{tagValue}</span>
-								{/each}
-							{:else}
-								None
+
+							{#if pageMeta.tags.includes('food-review')}
+								<p>{ratingCache.get(pageMeta.relativeLink)}</p>
 							{/if}
+							<p class="blurb-description">{pageMeta.description ?? ""}</p>
+							<div>
+								Tags:
+								{#if (pageMeta.tags && pageMeta.tags.length !== 0)}
+									{#each pageMeta.tags as tagValue, idx (idx)}
+										&nbsp;<span class="badge tag-container">{tagValue}</span>
+									{/each}
+								{:else}
+									None
+								{/if}
+							</div>
 						</section>
-					</PinyaCard>
+					</FourPartCard>
 				</a>
 			{/each}
 
@@ -224,7 +265,6 @@
             max-height: 20rem;
             width: 100%;
             flex-basis: 100%;
-            border-radius: var(--theme-rounded-container) var(--theme-rounded-container) 0 0;
         }
 
         :global(.navigation-element.pinya-card) {
@@ -242,21 +282,51 @@
         }
     }
 
-    :global(.navigation-element.pinya-card) {
-        /* todo: migration */
-        /*@apply btn card card-hover bg-surface-100 dark:bg-surface-900;*/
-        container-type: inline-size;
-        display: flex;
-        text-align: start;
-        align-items: flex-start;
-        padding: 0;
+    :global {
+        .navigation-element.pinya-card:not(.pinya-four-part-card), .navigation-element .flex-wrapper {
+            /* todo: migration */
+            /*@apply btn card card-hover bg-surface-100 dark:bg-surface-900;*/
+            container-type: inline-size;
+            display: flex;
+            justify-content: stretch;
+            align-items: stretch;
+            padding: 0;
+            flex-wrap: wrap;
+        }
+
+        .navigation-element.pinya-four-part-card {
+            .w-full {
+                width: unset;
+            }
+
+            .mb-6 {
+                margin-bottom: unset;
+            }
+
+            .flex-wrapper > .card-content {
+                flex: 99 1 32em;
+            }
+
+            .flex-wrapper > .card-header-cover {
+                flex: 1 1 12lh;
+                max-height: 12lh;
+            }
+
+            .pinya-card-image {
+                border-radius: var(--radius-xl);
+                max-height: unset;
+                max-width: unset;
+                height: 100%;
+                width: 100%;
+                object-fit: cover;
+            }
+        }
     }
 
     img {
         height: 20em;
         object-fit: cover;
         padding: var(--theme-border-base);
-        border-radius: var(--theme-rounded-container) 0 0 var(--theme-rounded-container);
     }
 
     .navigation-component {
@@ -272,10 +342,13 @@
     }
 
     .blurb-text {
-        padding: 2em;
+        padding-top: 1lh;
+        padding-bottom: 1lh;
         grow: 1;
         white-space: initial;
         min-width: 0;
+        display: flex;
+        flex-direction: column;
     }
 
     .navigation-wrapper {
@@ -323,7 +396,13 @@
         text-align: start;
     }
 
-    .navigation-wrapper .pinya-card-image {
-		    border-radius: var(--radius-xl);
+    .blurb-description {
+        flex-shrink: 1;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3; /* Number of lines to show */
+        line-clamp: 3; /* Number of lines to show */
+        overflow: hidden;
+        text-overflow: ellipsis; /* Optional, but good practice */
     }
 </style>

package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/NavigationMenu.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EAIL,KAAK,sBAAsB,EAC3B,MAAM,yCAAyC,CAAC;AAMjD,UAAU,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,GAAG,sBAAsB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAqLF,QAAA,MAAM,cAAc,oGAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"NavigationMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/NavigationMenu.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAK1E,OAAO,EAKL,KAAK,sBAAsB,EAC3B,MAAM,yCAAyC,CAAC;AAKjD,UAAU,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,GAAG,sBAAsB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AA4NF,QAAA,MAAM,cAAc,oGAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/ui/modules/NavigationMenu/PageMeta.d.ts

@@ -1,4 +1,13 @@
 import type { ParsnipOverall } from "../../../modules/parsnip/ParsnipOverall";
+export interface FoodReviewJson {
+    datePublished: string;
+    reviewRating: {
+        ratingValue: number;
+    };
+    itemReviewed: {
+        url: string;
+    };
+}
 export interface PageMeta {
     datePublished?: string;
     description?: string;
@@ -46,6 +55,7 @@ export interface PageMeta {
      * all pages with the same priority will be sorted based on date, description, title, then relative link
      */
     priority: number;
+    foodReviewJson: FoodReviewJson;
 }
 export interface SimplePageMeta {
     datePublished?: string;
@@ -83,6 +93,7 @@ export interface SimplePageMeta {
      * title defaults to the directory name if it's an empty string.
      */
     title: string;
+    foodReviewJson?: FoodReviewJson;
 }
 /**
  * todo: doc

package/dist/ui/modules/NavigationMenu/PageMeta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageMeta.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/PageMeta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAG1E,MAAM,WAAW,QAAQ;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,QAAQ,EAAE,CAAC;IAExB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,QAAQ,EAAE,EAAE,OAAO,QAAQ,KAAG,OAiB5E,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChD,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,YAAY,sBAAsB,KAAG,QAAQ,EAoG3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM;IACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,cAAc,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,KAAG,QAAQ,EA8CX,CAAC;AAKF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,sBA6BnC,CAAC"}
+{"version":3,"file":"PageMeta.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/PageMeta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAG1E,MAAM,WAAW,cAAc;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE;QACb,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE;QACb,GAAG,EAAE,MAAM,CAAA;KACX,CAAC;CACF;AAED,MAAM,WAAW,QAAQ;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,QAAQ,EAAE,CAAC;IAExB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,QAAQ,EAAE,EAAE,OAAO,QAAQ,KAAG,OAiB5E,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChD,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,YAAY,sBAAsB,KAAG,QAAQ,EAoG3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM;IACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,cAAc,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,KAAG,QAAQ,EA8CX,CAAC;AAKF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,sBA6BnC,CAAC"}

package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte

@@ -163,7 +163,7 @@
         }
 
         :root {
-            --default-page-container-margin: 4rem 1rem 0 1rem;
+            --default-page-container-margin: 4rem min(1rem, 1vw) 0 min(1rem, 1vw);
         }
     }
 

package/dist/ui/templates/blog_template/BlogTemplate.svelte

@@ -30,7 +30,7 @@
 
 	let initialDialogState = false;
 
-	setIgnoreOverlayOverride(true);
+	setIgnoreOverlayOverride({ value: true });
 
 	onMount(() => {
 		initialDialogState = $enableUniversalOverlaySvelte4;
@@ -49,13 +49,13 @@
 
 {#if shouldFillWholePage}
 	<div class="whole-page">
-		<BlogTemplateInner pageMeta={pageMeta}>
+		<BlogTemplateInner {pageMeta}>
 			{@render children?.()}
 		</BlogTemplateInner>
 	</div>
 {:else}
 	<PinyaCard {includeDataNoSnippet} widthClass="blog-template">
-		<BlogTemplateInner pageMeta={pageMeta}>
+		<BlogTemplateInner {pageMeta}>
 			{@render children?.()}
 		</BlogTemplateInner>
 	</PinyaCard>

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte

@@ -4,6 +4,7 @@
 	import { localizeHref } from "../../../external/paraglide/runtime.js";
 	import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
 	import { getWebBaseUrl } from "../../../util/env-getter";
+	import { renderStar } from "../../../util/util";
 	import { SvelteURLSearchParams } from "svelte/reactivity";
 
 	interface Props {
@@ -19,6 +20,9 @@
 		query.append("tags", tag);
 		return `${localizeHref(getWebBaseUrl())}?${query.toString()}`;
 	});
+
+	// todo: improve graphics lol
+	let ratingsRenderer = $derived(renderStar(pageMeta.foodReviewJson?.reviewRating.ratingValue ?? 1));
 </script>
 
 <article>
@@ -26,20 +30,34 @@
 		{#if pageMeta.title}
 			<h1>{pageMeta.title}</h1>
 		{/if}
-		{#if pageMeta.datePublished}
-			<p>Published: {pageMeta.datePublished}</p>
-		{/if}
-		{#if pageMeta.lastUpdated}
-			<p>Last updated: {pageMeta.lastUpdated}</p>
-		{/if}
-		{#if pageMeta.tags.length > 0}
-			<section id="article-tags">
-				Tags:
-				{#each pageMeta.tags as tag, index (index)}
-					<a class="badge tag-link" href={getTagQueryHref(tag)}>{tag}</a>
-				{/each}
-			</section>
-		{/if}
+		<div id="hgroup-wrapper">
+			{#if pageMeta.datePublished}
+				<p>Published: {pageMeta.datePublished}</p>
+			{/if}
+			{#if pageMeta.lastUpdated}
+				<p>Last updated: {pageMeta.lastUpdated}</p>
+			{/if}
+			{#if pageMeta.foodReviewJson}
+				<p>
+					Ratings: {ratingsRenderer}
+				</p>
+			{/if}
+			{#if pageMeta.foodReviewJson?.itemReviewed.url}
+				<p>
+					<a href={pageMeta.foodReviewJson.itemReviewed.url}
+					   rel="external"
+					   target="_blank">{pageMeta.foodReviewJson?.itemReviewed.url}</a>
+				</p>
+			{/if}
+			{#if pageMeta.tags.length > 0}
+				<section id="article-tags" class="w-full">
+					Tags:
+					{#each pageMeta.tags as tag, index (index)}
+						<a class="badge tag-link" href={getTagQueryHref(tag)}>{tag}</a>
+					{/each}
+				</section>
+			{/if}
+		</div>
 	</hgroup>
 
 	<div class="article-content">
@@ -56,6 +74,14 @@
         margin-inline-end: 0.5em;
     }
 
+    #article-tags {
+        flex-grow: 1;
+        width: 100%;
+        flex-basis: 100%;
+
+        line-height: 1.3lh;
+    }
+
     #article-tags a.badge {
         text-decoration: none;
     }
@@ -79,4 +105,15 @@
         outline: none;
         filter: brightness(110%);
     }
+
+    #hgroup-wrapper {
+        margin-top: 0.5lh;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+
+        & > *:not(.w-full) {
+            flex-basis: max(16em, 40%);
+        }
+    }
 </style>

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlogTemplateInner.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplateInner.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAK1E,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACpC;AAkDF,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"BlogTemplateInner.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplateInner.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAM1E,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACpC;AAkEF,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/util/util.d.ts

@@ -9,4 +9,5 @@ export interface RawGlob {
     default: string;
 }
 export declare const getQueryTerms: (modules: Record<string, unknown>) => string[];
+export declare const renderStar: (rating: number) => string;
 //# sourceMappingURL=util.d.ts.map

package/dist/util/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/lib/util/util.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,QAAO,MAIrC,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAAI,GAAG,MAAM,KAAG,CAAC,MAAM,MAAM,CAO5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,KAAG,CAAC,MAAM,IAAI,CAI5D,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACvC,IAAI,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,iCAAiC,GAAI,MAAM,uBAAuB,KAAG,CAAC,MAAM,IAAI,CAM5F,CAAC;AAEF,MAAM,WAAW,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,MAAM,EAQtE,CAAA"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/lib/util/util.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,QAAO,MAIrC,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAAI,GAAG,MAAM,KAAG,CAAC,MAAM,MAAM,CAO5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,KAAG,CAAC,MAAM,IAAI,CAI5D,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACvC,IAAI,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,iCAAiC,GAAI,MAAM,uBAAuB,KAAG,CAAC,MAAM,IAAI,CAM5F,CAAC;AAEF,MAAM,WAAW,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,MAAM,EAQtE,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,WAgBxC,CAAA"}

package/dist/util/util.js

@@ -34,3 +34,21 @@ export const getQueryTerms = (modules) => {
     }
     return [...queryTerms].sort();
 };
+export const renderStar = (rating) => {
+    let stars = "";
+    for (let i = 1; i <= 10; i++) {
+        if (rating >= i) {
+            stars += "★";
+        }
+        else if (Math.abs(i - rating) < 1) {
+            stars += "O";
+        }
+        else {
+            stars += "☆";
+        }
+        if (i === 5) {
+            stars += `| ${rating}/10 |`;
+        }
+    }
+    return stars;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "5.3.0-alpha.5",
+  "version": "5.3.0",
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",

package/dist/external/paraglide/messages/example_message.d.ts

@@ -1,6 +0,0 @@
-export function example_message(inputs: {
-    username: NonNullable<unknown>;
-}, options?: {
-    locale?: "en" | "fr" | "tl";
-}): string;
-//# sourceMappingURL=example_message.d.ts.map

package/dist/external/paraglide/messages/example_message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"example_message.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/paraglide/messages/example_message.js"],"names":[],"mappings":"AA4BO,wCALG;IAAE,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAAE,YAClC;IAAE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,GAC7B,MAAM,CAYjB"}

package/dist/external/paraglide/messages/example_message.js

@@ -1,38 +0,0 @@
-/* eslint-disable */
-import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
-
-const en_example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
-	return `Hello world ${i.username}`
-};
-
-const fr_example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
-	return `Bonjour ${i.username}`
-};
-
-const tl_example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
-	return `Kamusta ${i.username}`
-};
-
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-* 
-* @param {{ username: NonNullable<unknown> }} inputs
-* @param {{ locale?: "en" | "fr" | "tl" }} options
-* @returns {string}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-export const example_message = (inputs, options = {}) => {
-	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.example_message(inputs) 
-	}
-	const locale = options.locale ?? getLocale()
-	trackMessageCall("example_message", locale)
-	if (locale === "en") return en_example_message(inputs)
-	if (locale === "fr") return fr_example_message(inputs)
-	return tl_example_message(inputs)
-};

package/dist/external/paraglide/messages/settings.d.ts

@@ -1,4 +0,0 @@
-export function settings(inputs?: {}, options?: {
-    locale?: "en" | "fr" | "tl";
-}): string;
-//# sourceMappingURL=settings.d.ts.map

package/dist/external/paraglide/messages/settings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/paraglide/messages/settings.js"],"names":[],"mappings":"AA2BO,kCALG,EAAE,YACF;IAAE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,GAC7B,MAAM,CAYjB"}

package/dist/external/paraglide/messages/settings.js

@@ -1,37 +0,0 @@
-/* eslint-disable */
-import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
-
-const en_settings = /** @type {(inputs: {}) => string} */ () => {
-	return `Settings`
-};
-
-const fr_settings = /** @type {(inputs: {}) => string} */ () => {
-	return `Paramètres`
-};
-
-/** @type {(inputs: {}) => string} */
-const tl_settings = en_settings;
-
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-* 
-* @param {{}} inputs
-* @param {{ locale?: "en" | "fr" | "tl" }} options
-* @returns {string}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-export const settings = (inputs = {}, options = {}) => {
-	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.settings(inputs) 
-	}
-	const locale = options.locale ?? getLocale()
-	trackMessageCall("settings", locale)
-	if (locale === "en") return en_settings(inputs)
-	if (locale === "fr") return fr_settings(inputs)
-	return tl_settings(inputs)
-};