@turnipxenon/pineapple 2.4.76 → 2.4.78

package/.idea/workspace.xml

@@ -4,14 +4,16 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Fix shouldAddFunNote reactivity">
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplateData.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplateData.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/DecentralizedSocialMedia.svelte" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/FullStackC.svelte" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/ItchPromo.svelte" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MigranteAlberta.svelte" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MockUberApp.svelte" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/WorkExperience.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entries/WorkExperience.svelte" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Extract GetEntryGlobal functions">
+      <change afterPath="$PROJECT_DIR$/src/lib/components/BlogTemplate.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/Workflow.md" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/index.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/PageMeta.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/PageMeta.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/overrideable_meta/OverridableMetaProps.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/overrideable_meta/OverridableMetaProps.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/vite.config.ts" beforeDir="false" afterPath="$PROJECT_DIR$/vite.config.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -64,6 +66,7 @@
         <option value="ChumBucket" />
         <option value="WorkExperience" />
         <option value="TypeScript File" />
+        <option value="BlogTemplate" />
       </list>
     </option>
   </component>
@@ -210,15 +213,15 @@
         <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.to-dev" />
         <item itemvalue="npm.dev-offline" />
-        <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.to-dev" />
+        <item itemvalue="npm.dev-offline" />
       </list>
     </recent_temporary>
   </component>
   <component name="SharedIndexes">
     <attachedChunks>
       <set>
-        <option value="bundled-js-predefined-1d06a55b98c1-74d2a5396914-JavaScript-WS-241.14494.235" />
+        <option value="bundled-js-predefined-1d06a55b98c1-2e7d6887c066-JavaScript-WS-241.15989.47" />
       </set>
     </attachedChunks>
   </component>
@@ -387,23 +390,11 @@
       <workItem from="1713055651151" duration="721000" />
       <workItem from="1713056429943" duration="1789000" />
       <workItem from="1713062148811" duration="58000" />
-      <workItem from="1713062548290" duration="3245000" />
-    </task>
-    <task id="LOCAL-00151" summary="Extract runChaos to its own file">
-      <option name="closed" value="true" />
-      <created>1712412027844</created>
-      <option name="number" value="00151" />
-      <option name="presentableId" value="LOCAL-00151" />
-      <option name="project" value="LOCAL" />
-      <updated>1712412027844</updated>
-    </task>
-    <task id="LOCAL-00152" summary="Extract all dependencies for updateUrl">
-      <option name="closed" value="true" />
-      <created>1712422241298</created>
-      <option name="number" value="00152" />
-      <option name="presentableId" value="LOCAL-00152" />
-      <option name="project" value="LOCAL" />
-      <updated>1712422241298</updated>
+      <workItem from="1713062548290" duration="4767000" />
+      <workItem from="1713067631329" duration="264000" />
+      <workItem from="1714244359244" duration="372000" />
+      <workItem from="1714252762932" duration="11000" />
+      <workItem from="1714365775212" duration="2167000" />
     </task>
     <task id="LOCAL-00153" summary="Extract EntryOrderConfig">
       <option name="closed" value="true" />
@@ -781,7 +772,23 @@
       <option name="project" value="LOCAL" />
       <updated>1713065626944</updated>
     </task>
-    <option name="localTasksCounter" value="200" />
+    <task id="LOCAL-00200" summary="Remove unused components">
+      <option name="closed" value="true" />
+      <created>1713065902296</created>
+      <option name="number" value="00200" />
+      <option name="presentableId" value="LOCAL-00200" />
+      <option name="project" value="LOCAL" />
+      <updated>1713065902296</updated>
+    </task>
+    <task id="LOCAL-00201" summary="Extract GetEntryGlobal functions">
+      <option name="closed" value="true" />
+      <created>1713066999084</created>
+      <option name="number" value="00201" />
+      <option name="presentableId" value="LOCAL-00201" />
+      <option name="project" value="LOCAL" />
+      <updated>1713066999084</updated>
+    </task>
+    <option name="localTasksCounter" value="202" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -839,8 +846,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Add border-radius for advanced settings cards" />
-    <MESSAGE value="Fix pkg import for Chip" />
     <MESSAGE value="Extract tailwind css utility class to local-chip" />
     <MESSAGE value="Fix chip issue in Advanced Settings" />
     <MESSAGE value="Remove tailwind reliance on Chip" />
@@ -864,6 +869,8 @@
     <MESSAGE value="Add more exportable types from Seaweed&#10;&#10;Refactor export index files" />
     <MESSAGE value="Fix exports" />
     <MESSAGE value="Fix shouldAddFunNote reactivity" />
-    <option name="LAST_COMMIT_MESSAGE" value="Fix shouldAddFunNote reactivity" />
+    <MESSAGE value="Remove unused components" />
+    <MESSAGE value="Extract GetEntryGlobal functions" />
+    <option name="LAST_COMMIT_MESSAGE" value="Extract GetEntryGlobal functions" />
   </component>
 </project>

package/.svelte-kit/__package__/components/BlogTemplate.svelte

@@ -0,0 +1,41 @@
+<script xmlns="http://www.w3.org/1999/html">import { Card } from "..";
+export let pageMeta;
+</script>
+
+<Card>
+	<div slot="content" class="default-card">
+		<article>
+			<hgroup>
+				{#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}
+							<span class="badge variant-filled">{tag}</span>
+						{/each}
+					</section>
+				{/if}
+			</hgroup>
+
+			<slot />
+		</article>
+	</div>
+</Card>
+
+<style>
+    hgroup {
+        margin-bottom: 1lh;
+    }
+
+    .badge {
+        margin-inline-end: 0.5em;
+    }
+</style>

package/.svelte-kit/__package__/components/BlogTemplate.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { type SimplePageMeta } from "..";
+declare const __propDef: {
+    props: {
+        pageMeta: SimplePageMeta;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BlogTemplateProps = typeof __propDef.props;
+export type BlogTemplateEvents = typeof __propDef.events;
+export type BlogTemplateSlots = typeof __propDef.slots;
+export default class BlogTemplate extends SvelteComponent<BlogTemplateProps, BlogTemplateEvents, BlogTemplateSlots> {
+}
+export {};

package/.svelte-kit/__package__/components/index.d.ts

@@ -4,3 +4,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";

package/.svelte-kit/__package__/components/index.js

@@ -5,3 +5,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";

package/.svelte-kit/__package__/components/navigation_component/PageMeta.d.ts

@@ -40,6 +40,43 @@ export interface PageMeta {
      */
     title: string;
 }
+export interface SimplePageMeta {
+    datePublished?: string;
+    description?: string;
+    imageAlt?: string;
+    /**
+     * imageID is an ID that NavigationComponent can use to identify imported images
+     *
+     * To use imageID:
+     * 1. Add the imageID entry to the meta.json for the page
+     * 2. Create a typescript file with the variable ImageMap: Map<string, string>
+     * 3. Add a new entry with your imageID as key, and the image url as the value. Since this is
+     * Typescript, you can use import ImageUrl from "./path.png" as you would normally do.N
+     * 4. Add ImageMap as an argument to your NavigationComponent.
+     * Overall, this involves four files
+     * - Your navigation page: ./+page.svelte
+     * - Your image map typescript: ImageMap.ts
+     * - The page you want with an image represented in the navigation: ./topic1/+page.svelte
+     * - The meta for that page: ./topic1/meta.json
+     *
+     * imageID takes precedence over imageURL
+     */
+    imageID?: string;
+    /**
+     * imageURL is only limited to absolute paths (includes files in static folder)
+     *
+     * if imageID is defined, this will be ignored
+     */
+    imageUrl?: string;
+    lastUpdated?: string;
+    shouldGroup?: boolean;
+    shouldHide?: boolean;
+    tags: string[];
+    /**
+     * title defaults to the directory name if it's an empty string.
+     */
+    title: string;
+}
 /**
  * todo: doc
  * @param parentList

package/.svelte-kit/__package__/components/overrideable_meta/OverridableMetaProps.d.ts

@@ -4,4 +4,6 @@ export interface OverridableMetaProps {
     ogTitle?: string;
     ogDescription?: string;
     ogImage?: string;
+    datePublished?: string;
+    lastUpdated?: string;
 }

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte

@@ -17,6 +17,7 @@ import { Chip } from "../../index";
 import ChumBucket from "./ChumBucket.svelte";
 export let seaweedTemplateData;
 export let projectFirstGroupedEntries;
+export let getAllEntryFromGlobal;
 export let getEntryFromGlobal;
 export let letChaos = true;
 export let name = "Turnip";
@@ -244,6 +245,8 @@ $:
 						<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}
 						                  seaweedTemplateData={seaweedTemplateData}
 						                  bind:orderUrl={orderUrl}
+						                  getAllEntryFromGlobal={getAllEntryFromGlobal}
+						                  getEntryFromGlobal={getEntryFromGlobal}
 						                  updateUrl={updateUrl}></EntryOrderConfig>
 
 						<br>

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
     props: {
         seaweedTemplateData: SeaweedTemplateData;
         projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;
+        getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
         getEntryFromGlobal: (name: string) => undefined | ComponentMeta;
         letChaos?: boolean | undefined;
         name?: string | undefined;

package/.svelte-kit/__package__/template/seaweed/entries/WorkExperience.svelte

@@ -5,109 +5,109 @@ import ElementVisibilityDetector from "../../../components/ElementVisbilityDetec
 export let entryProps;
 export let isVisible;
 let { email, letChaos, linkedinSlug, name } = entryProps;
-</script>
-
-<div class="experience-and-about-div">
-
-	<div class="greater-about-div">
-
-		<Card includeDataNoSnippet={false}>
-			<section class="section-card" slot="content">
-
-				<h1>About</h1>
-
-				<p>
-					Hi! My name is {name}! I work as a software developer. Outside of that, I like making games, and
-					trying to do everything in between required to make one. I have some showcased below, our visit
-					my itch.io page for more of them.
-				</p>
-				<!-- todo: link the degree details idk -->
-				<p>
-					I also graduated with BS Computing Science, Specializing in Software Practice, and a
-					certificate in Computer Game Development at University of Alberta.
-				</p>
-				{#if entryProps.seaweedTemplateData.shouldAddFunNote}
-					<p>
-						I'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
-						Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.
-					</p>
-				{/if}
-
-				<!-- todo: maybe put cute stuff here -->
-				<!--						</ToggleableContent>-->
-			</section>
-		</Card>
-
-		<Card>
-			<section class="section-card" slot="content">
-				<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>
-				<ElementVisibilityDetector bind:isVisible={isVisible}>
-				</ElementVisibilityDetector>
-			</section>
-		</Card>
-
-	</div>
-
-	<Card>
-		<section class="section-card" slot="content">
-			<h1>Experience</h1>
-
-			<h2>Highlight</h2>
-			<p>I like French Fries</p>
-
-			<h2>Software Engineer</h2>
-			<div class="two-column-separated">
-				<div>July 2023 – January 2024</div>
-				<div style="text-align: end">Control, Remote</div>
-			</div>
-			<ul>
-				<li>
-					Developed things
-				</li>
-				<li>
-					Woah
-				</li>
-			</ul>
-			<br>
-
-			<h2>Software Engineer Intern</h2>
-			<div class="two-column-separated">
-				<div>May 2022 – Aug 2022</div>
-				<div style="text-align: end">Pou Company</div>
-			</div>
-			<ul>
-				<li>
-					Stuff
-				</li>
-				<li>
-					Golang
-				</li>
-			</ul>
-			<br>
-			<!-- todo: turn off flashing when accordion is expanded -->
-			<Accordion>
-				<AccordionItem>
-					<div slot="summary">
-						<h2 class="accordion-header">More experience</h2>
-					</div>
-					<svelte:fragment slot="content">
-						<section class="more-section">
-							<h2>Software Engineer Intern</h2>
-							<div class="two-column-separated">
-								<div>May 2021 – Dec 2021</div>
-								<div style="text-align: end">Testing</div>
-							</div>
-							<ul>
-								<li>
-									Amazing
-								</li>
-							</ul>
-							<br>
-						</section>
-					</svelte:fragment>
-				</AccordionItem>
-			</Accordion>
-		</section>
-	</Card>
-
+</script>
+
+<div class="experience-and-about-div">
+
+	<div class="greater-about-div">
+
+		<Card includeDataNoSnippet={false}>
+			<section class="section-card" slot="content">
+
+				<h1>About</h1>
+
+				<p>
+					Hi! My name is {name}! I work as a software developer. Outside of that, I like making games, and
+					trying to do everything in between required to make one. I have some showcased below, our visit
+					my itch.io page for more of them.
+				</p>
+				<!-- todo: link the degree details idk -->
+				<p>
+					I also graduated with BS Computing Science, Specializing in Software Practice, and a
+					certificate in Computer Game Development at University of Alberta.
+				</p>
+				{#if entryProps.seaweedTemplateData.shouldAddFunNote}
+					<p>
+						I'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
+						Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.
+					</p>
+				{/if}
+
+				<!-- todo: maybe put cute stuff here -->
+				<!--						</ToggleableContent>-->
+			</section>
+		</Card>
+
+		<Card>
+			<section class="section-card" slot="content">
+				<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>
+				<ElementVisibilityDetector bind:isVisible={isVisible}>
+				</ElementVisibilityDetector>
+			</section>
+		</Card>
+
+	</div>
+
+	<Card>
+		<section class="section-card" slot="content">
+			<h1>Experience</h1>
+
+			<h2>Highlight</h2>
+			<p>I like French Fries</p>
+
+			<h2>Software Engineer</h2>
+			<div class="two-column-separated">
+				<div>July 2023 – January 2024</div>
+				<div style="text-align: end">Control, Remote</div>
+			</div>
+			<ul>
+				<li>
+					Developed things
+				</li>
+				<li>
+					Woah
+				</li>
+			</ul>
+			<br>
+
+			<h2>Software Engineer Intern</h2>
+			<div class="two-column-separated">
+				<div>May 2022 – Aug 2022</div>
+				<div style="text-align: end">Pou Company</div>
+			</div>
+			<ul>
+				<li>
+					Stuff
+				</li>
+				<li>
+					Golang
+				</li>
+			</ul>
+			<br>
+			<!-- todo: turn off flashing when accordion is expanded -->
+			<Accordion>
+				<AccordionItem>
+					<div slot="summary">
+						<h2 class="accordion-header">More experience</h2>
+					</div>
+					<svelte:fragment slot="content">
+						<section class="more-section">
+							<h2>Software Engineer Intern</h2>
+							<div class="two-column-separated">
+								<div>May 2021 – Dec 2021</div>
+								<div style="text-align: end">Testing</div>
+							</div>
+							<ul>
+								<li>
+									Amazing
+								</li>
+							</ul>
+							<br>
+						</section>
+					</svelte:fragment>
+				</AccordionItem>
+			</Accordion>
+		</section>
+	</Card>
+
 </div>

package/.svelte-kit/__package__/template/seaweed/entry_order_config/EntryOrderConfig.svelte

@@ -1,6 +1,4 @@
 <script>import {
-  GetAllEntryFromGlobal,
-  GetEntryFromGlobal
 } from "../SeaweedTemplateData";
 import { removeProxyWrapperOnString } from "./EntryOrderConfig";
 import ComboBoxWithButton from "../../../components/combo_box/ComboBoxWithButton.svelte";
@@ -11,6 +9,8 @@ export let seaweedTemplateData;
 export let seaweedEntries;
 export let orderUrl;
 export let updateUrl;
+export let getAllEntryFromGlobal;
+export let getEntryFromGlobal;
 const updateOrderQuery = () => {
   orderUrl = "order=" + seaweedEntries.map((g) => {
     const groupUrl = g.items.map(
@@ -22,7 +22,7 @@ const updateOrderQuery = () => {
 };
 const addEntry = (group) => {
   return (selected) => {
-    const c = GetEntryFromGlobal(selected);
+    const c = getEntryFromGlobal(selected);
     if (c) {
       group.items.push(c);
       seaweedEntries = seaweedEntries;
@@ -87,7 +87,7 @@ const removeEntry = (entry, group) => {
     }
   };
 };
-const allDefaultEntries = Array.from(GetAllEntryFromGlobal().keys());
+const allDefaultEntries = Array.from(getAllEntryFromGlobal().keys());
 </script>
 
 <br>

package/.svelte-kit/__package__/template/seaweed/entry_order_config/EntryOrderConfig.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type EntryGroup, type SeaweedTemplateData } from "../SeaweedTemplateData";
+import { type ComponentMeta, type EntryGroup, type SeaweedTemplateData } from "../SeaweedTemplateData";
 import "./entry-order-config.postcss";
 declare const __propDef: {
     props: {
@@ -7,6 +7,8 @@ declare const __propDef: {
         seaweedEntries: EntryGroup[];
         orderUrl: string;
         updateUrl: (data: SeaweedTemplateData) => void;
+        getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
+        getEntryFromGlobal: (s: string) => ComponentMeta | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/.svelte-kit/ambient.d.ts

@@ -37,6 +37,8 @@ declare module '$env/static/private' {
 	export const COMSPEC: string;
 	export const DriverData: string;
 	export const EXEPATH: string;
+	export const FPS_BROWSER_APP_PROFILE_STRING: string;
+	export const FPS_BROWSER_USER_PROFILE_STRING: string;
 	export const GIT_XL_PATH: string;
 	export const GoLand: string;
 	export const GOPATH: string;
@@ -225,6 +227,8 @@ declare module '$env/dynamic/private' {
 		COMSPEC: string;
 		DriverData: string;
 		EXEPATH: string;
+		FPS_BROWSER_APP_PROFILE_STRING: string;
+		FPS_BROWSER_USER_PROFILE_STRING: string;
 		GIT_XL_PATH: string;
 		GoLand: string;
 		GOPATH: string;

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "4pmjjt"
+	version_hash: "1dmipqv"
 };
 
 export async function get_hooks() {

package/dist/components/BlogTemplate.svelte

@@ -0,0 +1,41 @@
+<script xmlns="http://www.w3.org/1999/html">import { Card } from "..";
+export let pageMeta;
+</script>
+
+<Card>
+	<div slot="content" class="default-card">
+		<article>
+			<hgroup>
+				{#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}
+							<span class="badge variant-filled">{tag}</span>
+						{/each}
+					</section>
+				{/if}
+			</hgroup>
+
+			<slot />
+		</article>
+	</div>
+</Card>
+
+<style>
+    hgroup {
+        margin-bottom: 1lh;
+    }
+
+    .badge {
+        margin-inline-end: 0.5em;
+    }
+</style>

package/dist/components/BlogTemplate.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { type SimplePageMeta } from "..";
+declare const __propDef: {
+    props: {
+        pageMeta: SimplePageMeta;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BlogTemplateProps = typeof __propDef.props;
+export type BlogTemplateEvents = typeof __propDef.events;
+export type BlogTemplateSlots = typeof __propDef.slots;
+export default class BlogTemplate extends SvelteComponent<BlogTemplateProps, BlogTemplateEvents, BlogTemplateSlots> {
+}
+export {};

package/dist/components/index.d.ts

@@ -4,3 +4,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";

package/dist/components/index.js

@@ -5,3 +5,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";