@turnipxenon/pineapple 2.4.24 → 2.4.26

package/src/routes/(seaweed)/portfolio/+page.svelte

@@ -1,20 +1,9 @@
 <script>
 	import SeaweedTemplate from "$pkg/template/Seaweed/SeaweedTemplate.svelte";
-	import WebThumbnailImage from "$pkg/assets/placeholder/placeholder_circle.png";
 
 	export let metaWebsite = "https://www.crouton.com/test/portfolio-base-layout";
 
 </script>
 
-<svelte:head>
-	<meta charset="utf-8" />
-	<title>Welcome to my portfolio</title>
-	<meta name="twitter:card" content="summary" />
-	<meta property="og:url" content={metaWebsite} />
-	<meta property="og:title" content="Turnip" />
-	<meta property="og:description" content="Welcome to Turnip's test portfolio website" />
-	<meta property="og:image" content={WebThumbnailImage} />
-</svelte:head>
-
 <!--todo: maybe add check that this is always false? -->
 <SeaweedTemplate letChaos={true}></SeaweedTemplate>

package/src/routes/(seaweed)/portfolio/+page.ts

@@ -0,0 +1,8 @@
+import type { OverridableMetaProps } from "$pkg/components/overrideable_meta/OverridableMetaProps";
+
+export const load = async (): Promise<OverridableMetaProps> => {
+	return {
+		title: "Niko",
+		ogTitle: "Niko"
+	};
+};

package/src/routes/(seaweed)/portfolio/actual/+page.ts

@@ -0,0 +1,8 @@
+import type { OverridableMetaProps } from "$pkg/components/overrideable_meta/OverridableMetaProps";
+
+export const load = async (): Promise<OverridableMetaProps> => {
+	return {
+		title: "Welcome to Allan's portfolio page!",
+		ogTitle: "Welcome to Allan's portfolio page!"
+	};
+};

package/src/routes/+layout.svelte

@@ -7,6 +7,27 @@
 	import "$lib/app.postcss";
 
 	import "$lib/styles/global.css";
+
+	// region Skeleton Store
+	// endregion Skeleton Store
+	// region highlightjs
+	import { initializeStores, storeHighlightJs } from "@skeletonlabs/skeleton";
+	import "highlight.js/styles/github-dark.css";
+
+	import xml from "highlight.js/lib/languages/xml"; // for HTML
+	import hljs from "highlight.js/lib/core";
+	import OverrideableMeta from "$pkg/components/overrideable_meta/OverridableMeta.svelte";
+
+	initializeStores();
+
+	hljs.registerLanguage("xml", xml);
+	hljs.registerLanguage("url", xml);
+	storeHighlightJs.set(hljs);
+	// endregion highlightjs
 </script>
 
+<OverrideableMeta
+	rootUrl={import.meta.env.PROD ? "https://pineapple-gamma-blush.vercel.app" : "http://localhost:5173"}>
+</OverrideableMeta>
+
 <slot />