@turnipxenon/pineapple 2.4.38 → 2.4.40

package/.idea/shelf/yarn_scripts.xml

@@ -0,0 +1,4 @@
+<changelist name="yarn_scripts" date="1711680044884" recycled="false">
+  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/yarn_scripts/shelved.patch" />
+  <option name="DESCRIPTION" value="yarn scripts" />
+</changelist>

package/.idea/workspace.xml

@@ -4,8 +4,9 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Fix double dor parsing issue in NavigationComponent">
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Allow preventing NavigationComponent pagination">
+      <change beforePath="$PROJECT_DIR$/src/lib/components/SocialSection.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/SocialSection.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/index.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -60,11 +61,6 @@
   <component name="JsbtTreeLayoutManager">
     <layout place="tools.popupnpm">
       <scroll-view-position x="14" y="0" />
-      <selected-paths>
-        <path>
-          <id value="$PROJECT_DIR$/../speenus/package.json" />
-        </path>
-      </selected-paths>
     </layout>
   </component>
   <component name="MarkdownSettingsMigration">
@@ -84,33 +80,33 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "DefaultHtmlFileTemplate": "HTML File",
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "WebServerToolWindowFactoryState": "false",
-    "git-widget-placeholder": "turnip/improvements",
-    "ignore.virus.scanning.warn.message": "true",
-    "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page7/(test_layout)/page8",
-    "list.type.of.created.stylesheet": "CSS",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_interpreter_path": "node",
-    "nodejs_package_manager_path": "yarn",
-    "npm.build.executor": "Run",
-    "npm.dev (1).executor": "Run",
-    "npm.dev --open.executor": "Run",
-    "npm.dev offline.executor": "Run",
-    "npm.dev-offline.executor": "Run",
-    "npm.dev.executor": "Run",
-    "settings.editor.selected.configurable": "preferences.pluginManager",
-    "ts.external.directory.path": "C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;turnip/improvements&quot;,
+    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
+    &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page7/(test_layout)/page8&quot;,
+    &quot;list.type.of.created.stylesheet&quot;: &quot;CSS&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_interpreter_path&quot;: &quot;node&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;yarn&quot;,
+    &quot;npm.build.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev (1).executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev --open.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev offline.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev-offline.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev.executor&quot;: &quot;Run&quot;,
+    &quot;settings.editor.selected.configurable&quot;: &quot;preferences.pluginManager&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page3\page7\(test_layout)\page8" />
@@ -120,11 +116,11 @@
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\page3\page7\(test_layout)\page8" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(pineapple)" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(nested)" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page1" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page2" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page3" />
     </key>
     <key name="es6.move.members.recent.items">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\types\RootLayoutProps.ts" />
@@ -159,8 +155,8 @@
     </list>
     <recent_temporary>
       <list>
-        <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev --open" />
+        <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev-offline" />
@@ -254,23 +250,10 @@
       <workItem from="1711587392130" duration="863000" />
       <workItem from="1711677339000" duration="218000" />
       <workItem from="1711677568464" duration="55000" />
-      <workItem from="1711677762467" duration="2147000" />
-    </task>
-    <task id="LOCAL-00066" summary="Add simple text toast">
-      <option name="closed" value="true" />
-      <created>1710564041434</created>
-      <option name="number" value="00066" />
-      <option name="presentableId" value="LOCAL-00066" />
-      <option name="project" value="LOCAL" />
-      <updated>1710564041434</updated>
-    </task>
-    <task id="LOCAL-00067" summary="Enforce stricter typing for Toast components">
-      <option name="closed" value="true" />
-      <created>1710565506639</created>
-      <option name="number" value="00067" />
-      <option name="presentableId" value="LOCAL-00067" />
-      <option name="project" value="LOCAL" />
-      <updated>1710565506640</updated>
+      <workItem from="1711677762467" duration="3110000" />
+      <workItem from="1711680966158" duration="444000" />
+      <workItem from="1711681779901" duration="6000" />
+      <workItem from="1711682341820" duration="256000" />
     </task>
     <task id="LOCAL-00068" summary="Add dismissable toast">
       <option name="closed" value="true" />
@@ -648,7 +631,23 @@
       <option name="project" value="LOCAL" />
       <updated>1711587709414</updated>
     </task>
-    <option name="localTasksCounter" value="115" />
+    <task id="LOCAL-00115" summary="Layout adjustments to PineappleBaseLayout">
+      <option name="closed" value="true" />
+      <created>1711680166876</created>
+      <option name="number" value="00115" />
+      <option name="presentableId" value="LOCAL-00115" />
+      <option name="project" value="LOCAL" />
+      <updated>1711680166877</updated>
+    </task>
+    <task id="LOCAL-00116" summary="Allow preventing NavigationComponent pagination">
+      <option name="closed" value="true" />
+      <created>1711681303815</created>
+      <option name="number" value="00116" />
+      <option name="presentableId" value="LOCAL-00116" />
+      <option name="project" value="LOCAL" />
+      <updated>1711681303815</updated>
+    </task>
+    <option name="localTasksCounter" value="117" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -706,9 +705,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Add page query param creator" />
-    <MESSAGE value="Hide advanced settings when letChaos is true" />
-    <MESSAGE value="Add OverridableMeta component" />
     <MESSAGE value="Fix package main index" />
     <MESSAGE value="Fix dialog positioning&#10;&#10;Dialog positioning seemed to be broken when the styles from Seaweed moved to postcss, even if the dialog solely exists in Pineapple" />
     <MESSAGE value="Place fab on a higher z-index" />
@@ -731,6 +727,9 @@
     <MESSAGE value="Fix NavigationComponent styling" />
     <MESSAGE value="Fix default page sorting" />
     <MESSAGE value="Fix double dor parsing issue in NavigationComponent" />
-    <option name="LAST_COMMIT_MESSAGE" value="Fix double dor parsing issue in NavigationComponent" />
+    <MESSAGE value="yarn scripts" />
+    <MESSAGE value="Layout adjustments to PineappleBaseLayout" />
+    <MESSAGE value="Allow preventing NavigationComponent pagination" />
+    <option name="LAST_COMMIT_MESSAGE" value="Allow preventing NavigationComponent pagination" />
   </component>
 </project>

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

@@ -3,6 +3,7 @@
 	export let email = "turnipxenon@gmail.com";
 	export let linkedinSlug = "turnip-xenon";
 	export let isSlot = false;
+	export let allowLinkedIn = true;
 
 	import { ItchLogoHotLink } from "../consts";
 	import { onMount } from "svelte";
@@ -19,7 +20,7 @@
 	`;
 
 	onMount(() => {
-		shouldShowExtra = window.screen.availWidth >= 440;
+		shouldShowExtra = allowLinkedIn && window.screen.availWidth >= 440;
 	});
 </script>
 
@@ -37,7 +38,7 @@
 	        role="link"
 	        title={`https://www.linkedin.com/in/${linkedinSlug}/`}
 	        on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
-		<img src={LinkedinIcon} alt="linkedikn icon">
+		<img src={LinkedinIcon} alt="linkedin icon">
 		{#if (!isSmallVersion)}
 			<span>{linkedinSlug}</span>
 		{/if}

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

@@ -6,6 +6,7 @@ export default class SocialSection extends SvelteComponent<{
     email?: string | undefined;
     linkedinSlug?: string | undefined;
     isSlot?: boolean | undefined;
+    allowLinkedIn?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -20,6 +21,7 @@ declare const __propDef: {
         email?: string | undefined;
         linkedinSlug?: string | undefined;
         isSlot?: boolean | undefined;
+        allowLinkedIn?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte

@@ -1,10 +1,11 @@
 <script>import NavigationControl from "./NavigationControl.svelte";
 import { Card, createGoToFunction } from "../..";
 import { parsePageMeta } from "./PageMeta";
-export let title = void 0;
 export let fileList;
 export let jsonList;
+export let title = void 0;
 export let imageMap = /* @__PURE__ */ new Map();
+export let shouldAllowControl = true;
 export let parentSubpath;
 export let compareFn = void 0;
 export let pageSize = 5;
@@ -23,9 +24,11 @@ $:
 		</Card>
 	{/if}
 
-	<NavigationControl bind:currentIndex={currentIndex}
-	                   bind:contentLength={pageFlatList.length}
-	                   bind:pageSize={pageSize}></NavigationControl>
+	{#if shouldAllowControl}
+		<NavigationControl bind:currentIndex={currentIndex}
+		                   bind:contentLength={pageFlatList.length}
+		                   bind:pageSize={pageSize}></NavigationControl>
+	{/if}
 
 	<div class="navigation-component">
 		<!-- all the misc routes-->
@@ -61,9 +64,11 @@ $:
 		{/if}
 	</div>
 
-	<NavigationControl bind:currentIndex={currentIndex}
-	                   bind:contentLength={pageFlatList.length}
-	                   bind:pageSize={pageSize}></NavigationControl>
+	{#if shouldAllowControl}
+		<NavigationControl bind:currentIndex={currentIndex}
+		                   bind:contentLength={pageFlatList.length}
+		                   bind:pageSize={pageSize}></NavigationControl>
+	{/if}
 
 </div>
 
@@ -246,7 +251,7 @@ $:
         display: flex;
         flex-direction: column;
         max-width: 1000px;
-		    width: 100%;
+        width: 100%;
     }
 
     .tag-container {

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

@@ -2,10 +2,11 @@ import { SvelteComponent } from "svelte";
 import { type ParsePageMetaCompareFn } from "./PageMeta";
 declare const __propDef: {
     props: {
-        title?: string | undefined;
         fileList: Record<string, unknown>;
         jsonList: Record<string, unknown>;
+        title?: string | undefined;
         imageMap?: Map<string, string> | undefined;
+        shouldAllowControl?: boolean | undefined;
         /**
              * Should include a slash before and after the path
              */ parentSubpath: string;

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

@@ -2,6 +2,7 @@ export { default as PineappleLayoutBase } from "./components/pineapple/Pineapple
 export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
+export { default as SocialSection } from "./components/SocialSection.svelte";
 export * from "./components/overrideable_meta/index";
 export * from "./components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";

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

@@ -3,6 +3,7 @@ export { default as PineappleLayoutBase } from "./components/pineapple/Pineapple
 export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
+export { default as SocialSection } from "./components/SocialSection.svelte";
 export * from "./components/overrideable_meta/index";
 export * from "./components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";

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: "j4u1ek"
+	version_hash: "85sq1n"
 };
 
 export async function get_hooks() {

package/dist/components/SocialSection.svelte

@@ -3,6 +3,7 @@
 	export let email = "turnipxenon@gmail.com";
 	export let linkedinSlug = "turnip-xenon";
 	export let isSlot = false;
+	export let allowLinkedIn = true;
 
 	import { ItchLogoHotLink } from "../consts";
 	import { onMount } from "svelte";
@@ -19,7 +20,7 @@
 	`;
 
 	onMount(() => {
-		shouldShowExtra = window.screen.availWidth >= 440;
+		shouldShowExtra = allowLinkedIn && window.screen.availWidth >= 440;
 	});
 </script>
 
@@ -37,7 +38,7 @@
 	        role="link"
 	        title={`https://www.linkedin.com/in/${linkedinSlug}/`}
 	        on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
-		<img src={LinkedinIcon} alt="linkedikn icon">
+		<img src={LinkedinIcon} alt="linkedin icon">
 		{#if (!isSmallVersion)}
 			<span>{linkedinSlug}</span>
 		{/if}

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

@@ -6,6 +6,7 @@ export default class SocialSection extends SvelteComponent<{
     email?: string | undefined;
     linkedinSlug?: string | undefined;
     isSlot?: boolean | undefined;
+    allowLinkedIn?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -20,6 +21,7 @@ declare const __propDef: {
         email?: string | undefined;
         linkedinSlug?: string | undefined;
         isSlot?: boolean | undefined;
+        allowLinkedIn?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/navigation_component/NavigationComponent.svelte

@@ -1,10 +1,11 @@
 <script>import NavigationControl from "./NavigationControl.svelte";
 import { Card, createGoToFunction } from "../..";
 import { parsePageMeta } from "./PageMeta";
-export let title = void 0;
 export let fileList;
 export let jsonList;
+export let title = void 0;
 export let imageMap = /* @__PURE__ */ new Map();
+export let shouldAllowControl = true;
 export let parentSubpath;
 export let compareFn = void 0;
 export let pageSize = 5;
@@ -23,9 +24,11 @@ $:
 		</Card>
 	{/if}
 
-	<NavigationControl bind:currentIndex={currentIndex}
-	                   bind:contentLength={pageFlatList.length}
-	                   bind:pageSize={pageSize}></NavigationControl>
+	{#if shouldAllowControl}
+		<NavigationControl bind:currentIndex={currentIndex}
+		                   bind:contentLength={pageFlatList.length}
+		                   bind:pageSize={pageSize}></NavigationControl>
+	{/if}
 
 	<div class="navigation-component">
 		<!-- all the misc routes-->
@@ -61,9 +64,11 @@ $:
 		{/if}
 	</div>
 
-	<NavigationControl bind:currentIndex={currentIndex}
-	                   bind:contentLength={pageFlatList.length}
-	                   bind:pageSize={pageSize}></NavigationControl>
+	{#if shouldAllowControl}
+		<NavigationControl bind:currentIndex={currentIndex}
+		                   bind:contentLength={pageFlatList.length}
+		                   bind:pageSize={pageSize}></NavigationControl>
+	{/if}
 
 </div>
 
@@ -246,7 +251,7 @@ $:
         display: flex;
         flex-direction: column;
         max-width: 1000px;
-		    width: 100%;
+        width: 100%;
     }
 
     .tag-container {

package/dist/components/navigation_component/NavigationComponent.svelte.d.ts

@@ -2,10 +2,11 @@ import { SvelteComponent } from "svelte";
 import { type ParsePageMetaCompareFn } from "./PageMeta";
 declare const __propDef: {
     props: {
-        title?: string | undefined;
         fileList: Record<string, unknown>;
         jsonList: Record<string, unknown>;
+        title?: string | undefined;
         imageMap?: Map<string, string> | undefined;
+        shouldAllowControl?: boolean | undefined;
         /**
              * Should include a slash before and after the path
              */ parentSubpath: string;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { default as PineappleLayoutBase } from "./components/pineapple/Pineapple
 export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
+export { default as SocialSection } from "./components/SocialSection.svelte";
 export * from "./components/overrideable_meta/index";
 export * from "./components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";

package/dist/index.js

@@ -3,6 +3,7 @@ export { default as PineappleLayoutBase } from "./components/pineapple/Pineapple
 export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
+export { default as SocialSection } from "./components/SocialSection.svelte";
 export * from "./components/overrideable_meta/index";
 export * from "./components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.38",
+  "version": "2.4.40",
   "scripts": {
     "dev": "vite dev",
     "build": "npm run check-requirements && vite build && yarn package",

package/src/lib/components/SocialSection.svelte

@@ -3,6 +3,7 @@
 	export let email = "turnipxenon@gmail.com";
 	export let linkedinSlug = "turnip-xenon";
 	export let isSlot = false;
+	export let allowLinkedIn = true;
 
 	import { ItchLogoHotLink } from "$pkg/consts";
 	import { onMount } from "svelte";
@@ -19,7 +20,7 @@
 	`;
 
 	onMount(() => {
-		shouldShowExtra = window.screen.availWidth >= 440;
+		shouldShowExtra = allowLinkedIn && window.screen.availWidth >= 440;
 	});
 </script>
 
@@ -37,7 +38,7 @@
 	        role="link"
 	        title={`https://www.linkedin.com/in/${linkedinSlug}/`}
 	        on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
-		<img src={LinkedinIcon} alt="linkedikn icon">
+		<img src={LinkedinIcon} alt="linkedin icon">
 		{#if (!isSmallVersion)}
 			<span>{linkedinSlug}</span>
 		{/if}

package/src/lib/components/navigation_component/NavigationComponent.svelte

@@ -3,10 +3,11 @@
 	import { Card, createGoToFunction } from "$pkg";
 	import { parsePageMeta, type ParsePageMetaCompareFn } from "$pkg/components/navigation_component/PageMeta";
 
-	export let title: string | undefined = undefined;
 	export let fileList: Record<string, unknown>;
 	export let jsonList: Record<string, unknown>;
+	export let title: string | undefined = undefined;
 	export let imageMap = new Map<string, string>();
+	export let shouldAllowControl = true;
 
 	/**
 	 * Should include a slash before and after the path
@@ -31,9 +32,11 @@
 		</Card>
 	{/if}
 
-	<NavigationControl bind:currentIndex={currentIndex}
-	                   bind:contentLength={pageFlatList.length}
-	                   bind:pageSize={pageSize}></NavigationControl>
+	{#if shouldAllowControl}
+		<NavigationControl bind:currentIndex={currentIndex}
+		                   bind:contentLength={pageFlatList.length}
+		                   bind:pageSize={pageSize}></NavigationControl>
+	{/if}
 
 	<div class="navigation-component">
 		<!-- all the misc routes-->
@@ -69,9 +72,11 @@
 		{/if}
 	</div>
 
-	<NavigationControl bind:currentIndex={currentIndex}
-	                   bind:contentLength={pageFlatList.length}
-	                   bind:pageSize={pageSize}></NavigationControl>
+	{#if shouldAllowControl}
+		<NavigationControl bind:currentIndex={currentIndex}
+		                   bind:contentLength={pageFlatList.length}
+		                   bind:pageSize={pageSize}></NavigationControl>
+	{/if}
 
 </div>
 
@@ -137,7 +142,7 @@
         display: flex;
         flex-direction: column;
         max-width: 1000px;
-		    width: 100%;
+        width: 100%;
     }
 
     .tag-container {

package/src/lib/index.ts

@@ -4,6 +4,7 @@ export { default as PineappleLayoutBase } from "./components/pineapple/Pineapple
 export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
+export { default as SocialSection } from "./components/SocialSection.svelte";
 
 export * from "$pkg/components/overrideable_meta/index";
 export * from "$pkg/components/navigation_component/index";

package/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte

@@ -59,6 +59,7 @@
                      fileList={fileList}
                      jsonList={jsonList}
                      imageMap={ImageMap}
+                     shouldAllowControl={false}
                      parentSubpath="/pineapple/">
 </NavigationComponent>