@turnipxenon/pineapple 2.8.0 → 2.10.0

package/dist/components/Card.svelte

@@ -25,7 +25,7 @@ $:
 </script>
 
 {#if (includeDataNoSnippet)}
-	<div class={classes} style={style} data-no-snippet>
+	<div class={classes} style={style} data-nosnippet>
 		<slot name="content" class="card" />
 	</div>
 {:else }

package/dist/components/index.d.ts

@@ -5,3 +5,4 @@ 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 "./blog_template/BlogTemplate.svelte";
+export { default as DialogOverlay } from "./dialog_overlay/DialogOverlay.svelte";

package/dist/components/index.js

@@ -6,3 +6,4 @@ 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 "./blog_template/BlogTemplate.svelte";
+export { default as DialogOverlay } from "./dialog_overlay/DialogOverlay.svelte";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",
@@ -67,8 +67,6 @@
   },
   "files": [
     "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*",
     "./src/lib/app.postcss",
     "./src/lib/theme.postcss"
   ],

package/.eslintignore

@@ -1,16 +0,0 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
-# Ignore files for PNPM, NPM and YARN
-pnpm-lock.yaml
-package-lock.json
-yarn.lock
-
-# Don't format markdowns lol
-*.md

package/.eslintrc.cjs

@@ -1,20 +0,0 @@
-module.exports = {
-	root: true,
-	parser: "@typescript-eslint/parser",
-	extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier"],
-	plugins: ["svelte3", "@typescript-eslint"],
-	ignorePatterns: ["*.cjs"],
-	overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
-	settings: {
-		"svelte3/typescript": () => require("typescript")
-	},
-	parserOptions: {
-		sourceType: "module",
-		ecmaVersion: 2020
-	},
-	env: {
-		browser: true,
-		es2017: true,
-		node: true
-	}
-};

package/.gitignore

@@ -1,24 +0,0 @@
-.DS_Store
-node_modules
-/build
-build/
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
-.vscode
-.idea
-.idea/
-dist
-/.vercel/
-
-# Prisma for debugging; need to migrate some Prisma function to Seaweed
-prisma
-
-#/prisma/migrations/20240408050417_init/migration.sql
-#/prisma/migrations/migration_lock.toml
-#/src/lib/server-temp/prisma.ts
-#/prisma/schema.prisma

package/.idea/.gitignore

@@ -1,5 +0,0 @@
-# Default ignored files
-/shelf/
-/workspace.xml
-# Editor-based HTTP Client requests
-/httpRequests/

package/.idea/codeStyles/Project.xml

@@ -1,76 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <HTMLCodeStyleSettings>
-      <option name="HTML_ATTRIBUTE_WRAP" value="0" />
-      <option name="HTML_TEXT_WRAP" value="0" />
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <Markdown>
-      <option name="MIN_LINES_AROUND_HEADER" value="2" />
-      <option name="WRAP_TEXT_IF_LONG" value="false" />
-    </Markdown>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-      <option name="IMPORT_USE_NODE_RESOLUTION" value="GLOBAL" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="100" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-        <option name="USE_TAB_CHARACTER" value="true" />
-        <option name="SMART_TABS" value="true" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="SOFT_MARGINS" value="100" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-        <option name="USE_TAB_CHARACTER" value="true" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Markdown">
-      <option name="SOFT_MARGINS" value="100,120" />
-      <indentOptions>
-        <option name="USE_TAB_CHARACTER" value="true" />
-        <option name="SMART_TABS" value="true" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="100" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-        <option name="USE_TAB_CHARACTER" value="true" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Vue">
-      <option name="SOFT_MARGINS" value="100" />
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="USE_TAB_CHARACTER" value="true" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/discord.xml

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="DiscordProjectSettings">
-    <option name="show" value="PROJECT" />
-    <option name="description" value="perhaps goofing around or maybe not" />
-  </component>
-</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,22 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-    <inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
-      <option name="myValues">
-        <value>
-          <list size="7">
-            <item index="0" class="java.lang.String" itemvalue="nobr" />
-            <item index="1" class="java.lang.String" itemvalue="noembed" />
-            <item index="2" class="java.lang.String" itemvalue="comment" />
-            <item index="3" class="java.lang.String" itemvalue="noscript" />
-            <item index="4" class="java.lang.String" itemvalue="embed" />
-            <item index="5" class="java.lang.String" itemvalue="script" />
-            <item index="6" class="java.lang.String" itemvalue="CarouselFragment" />
-          </list>
-        </value>
-      </option>
-      <option name="myCustomValuesEnabled" value="true" />
-    </inspection_tool>
-  </profile>
-</component>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/pineapple.iml" filepath="$PROJECT_DIR$/.idea/pineapple.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/pineapple.iml

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/.svelte-kit" />
-      <excludeFolder url="file://$MODULE_DIR$/.vercel" />
-      <excludeFolder url="file://$MODULE_DIR$/dist" />
-      <excludeFolder url="file://$MODULE_DIR$/build" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/shelf/Attempt_for_whole_blog_page/shelved.patch

@@ -1,164 +0,0 @@
-Index: src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\timport pageMeta from \"./meta.json\";\n\timport { page } from \"$app/stores\";\n\timport BlogTemplate from \"$pkg/components/blog_template/BlogTemplate.svelte\";\n</script>\n\n<BlogTemplate pageMeta={pageMeta}>\n\t<p>{$page.url}</p>\n</BlogTemplate>\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte b/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte
---- a/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte	(revision c7975fa3143e901c95cde177c2adf81f83e6b154)
-+++ b/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte	(date 1714762255835)
-@@ -4,6 +4,11 @@
- 	import BlogTemplate from "$pkg/components/blog_template/BlogTemplate.svelte";
- </script>
- 
--<BlogTemplate pageMeta={pageMeta}>
-+<BlogTemplate pageMeta={pageMeta} shouldFillWholePage={true}>
- 	<p>{$page.url}</p>
-+	<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
-+	<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
-+	<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
-+	<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
-+	<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
- </BlogTemplate>
-Index: src/lib/components/blog_template/BlogTemplate.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\timport { Card, type SimplePageMeta } from \"$pkg\";\n\timport \"./blog-template.css\";\n\n\t// grab page meta from the adjacent meta.json\n\texport let pageMeta: SimplePageMeta;\n</script>\n\n<Card>\n\t<div slot=\"content\" class=\"default-card\">\n\t\t<article>\n\t\t\t<hgroup>\n\t\t\t\t{#if pageMeta.title}\n\t\t\t\t\t<h1>{pageMeta.title}</h1>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.datePublished}\n\t\t\t\t\t<p>Published: {pageMeta.datePublished}</p>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.lastUpdated}\n\t\t\t\t\t<p>Last updated: {pageMeta.lastUpdated}</p>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.tags.length > 0}\n\t\t\t\t\t<section id=\"article-tags\">\n\t\t\t\t\t\tTags:\n\t\t\t\t\t\t{#each pageMeta.tags as tag}\n\t\t\t\t\t\t\t<span class=\"badge variant-filled\">{tag}</span>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</section>\n\t\t\t\t{/if}\n\t\t\t</hgroup>\n\n\t\t\t<div class=\"article-content\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t</article>\n\t</div>\n</Card>\n\n<style>\n    hgroup {\n        margin-bottom: 1lh;\n    }\n\n    .badge {\n        margin-inline-end: 0.5em;\n    }\n</style>
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/lib/components/blog_template/BlogTemplate.svelte b/src/lib/components/blog_template/BlogTemplate.svelte
---- a/src/lib/components/blog_template/BlogTemplate.svelte	(revision c7975fa3143e901c95cde177c2adf81f83e6b154)
-+++ b/src/lib/components/blog_template/BlogTemplate.svelte	(date 1714762288282)
-@@ -1,40 +1,88 @@
- <script lang="ts">
--	import { Card, type SimplePageMeta } from "$pkg";
-+	import { Card, enableDialogueOverlay, type SimplePageMeta } from "$pkg";
- 	import "./blog-template.css";
-+	import { enableBackground } from "$pkg/store";
-+	import { onDestroy, onMount } from "svelte";
- 
- 	// grab page meta from the adjacent meta.json
- 	export let pageMeta: SimplePageMeta;
-+	export let shouldFillWholePage = false;
-+	export let shouldEnableDialogOverlay = false;
-+
-+	enableBackground.set(false);
-+	let initialDialogState = false;
-+
-+	onMount(() => {
-+		initialDialogState = $enableDialogueOverlay;
-+		enableDialogueOverlay.set(false);
-+	});
-+
-+	onDestroy(() => {
-+		enableBackground.set(true);
-+		enableDialogueOverlay.set(initialDialogState);
-+	});
-+
- </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>
-+{#if shouldFillWholePage}
-+	<div class="whole-page">
-+		<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>
-+
-+			<div class="article-content">
-+				<slot />
-+			</div>
-+		</article>
-+	</div>
-+{:else}
-+	<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>
- 
--			<div class="article-content">
--				<slot />
--			</div>
--		</article>
--	</div>
--</Card>
-+				<div class="article-content">
-+					<slot />
-+				</div>
-+			</article>
-+		</div>
-+	</Card>
-+{/if}
- 
- <style>
-     hgroup {
-@@ -44,4 +92,11 @@
-     .badge {
-         margin-inline-end: 0.5em;
-     }
-+
-+    .whole-page {
-+        align-self: flex-start;
-+        justify-self: flex-start;
-+        height: 100%;
-+        width: 100%;
-+    }
- </style>
-

package/.idea/shelf/Attempt_for_whole_blog_page.xml

@@ -1,4 +0,0 @@
-<changelist name="Attempt_for_whole_blog_page" date="1714762341925" recycled="false">
-  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Attempt_for_whole_blog_page/shelved.patch" />
-  <option name="DESCRIPTION" value="Attempt for whole blog page" />
-</changelist>

package/.idea/shelf/Changes/shelved.patch

@@ -1,118 +0,0 @@
-Index: src/lib/app.postcss
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+>@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@tailwind variants;\n\n/* (all other styles below) */\n\n/*place global styles here */\n:root {\n    --default-card-max-width: calc(4rem + 4rem + 40rem);\n}\n\nhtml, body {\n    @apply h-full overflow-hidden;\n    @apply bg-surface-400 dark:bg-surface-800;\n    background-color: transparent;\n}\n\n/* font color */\nhtml, body {\n    color: rgb(var(--theme-font-color-base));\n}\n\n.accordion-panel {\n    color: rgb(var(--color-primary-1000));\n}\n\n.dark body,\n.dark .variant-filled-primary,\n.dark .turnip-button,\n.dark .turnip-button > span,\n.dark .accordion-panel,\n.dark button.accordion-control,\n.chip, .dark .chip {\n    color: rgb(var(--theme-font-color-dark));\n}\n\n.turnip-button, .turnip-button > span, button.accordion-control {\n    font-weight: bold;\n    color: rgb(var(--theme-font-color-base));\n}\n\n/* todo: add some hues to the icon that should be in sync with primary and make them not pure darkness */\n.turnip-button > img, .img-icon {\n    filter: grayscale(100%) brightness(0%) invert(25%);\n}\n\n.dark .turnip-button > img, .dark .img-icon {\n    filter: grayscale(100%) brightness(0%) invert(100%);\n}\n\n/*\n\n//for reference left here\n\n.bg-surface-custom-token {\n    @apply bg-surface-200 dark:bg-surface-700;\n}\n\n.app-bar {\n    @apply bg-surface-custom-token;\n}\n*/\n\n.default-card {\n    padding: 2em;\n    text-align: start;\n    max-width: var(--default-card-max-width);\n}\n\nh1,\nh2,\np {\n    margin-bottom: 0.5em;\n}\n\nul {\n    list-style-type: circle;\n    padding-left: 1em;\n}\n\n.default-page-container {\n    @apply flex justify-center items-center;\n    margin-top: 4em;\n    margin-left: 1em;\n    margin-right: 1em;\n    flex-direction: column;\n    z-index: 0;\n}\n\n.footer-space {\n    width: 100%;\n    height: calc(var(--dialog-box-height) + 4em);\n}\n\na.dialog-choice {\n    cursor: url(\"$pkg/assets/icons/chat-cursor.svg\"), auto;\n}\n\na.external-link {\n    cursor: url(\"$pkg/assets/icons/external-link.svg\"), auto;\n}\n\nblockquote {\n    font-style: italic;\n    opacity: 60%;\n    font-weight: bold;\n}\n\n/* todo: add --tw-text-opacity division to add ambience based on bg better */\na {\n    text-decoration: underline;\n    color: rgb(var(--color-secondary-500));\n}\n\na:hover, a:hover:visited {\n    color: rgb(var(--color-secondary-400));\n}\n\na:visited {\n    color: rgb(var(--color-secondary-800));\n}\n\na:active {\n    color: rgb(var(--color-secondary-350));\n}\n\n.dark a {\n    text-decoration: underline;\n    color: rgb(var(--color-secondary-300));\n}\n\n.dark a:hover, .dark a:hover:visited {\n    color: rgb(var(--color-secondary-200));\n}\n\n.dark a:visited {\n    color: rgb(var(--color-secondary-350));\n}\n\n.dark a:active {\n    color: rgb(var(--color-secondary-100));\n}\n\n/* region Accordion css for handling missing styles in package */\n.accordion {\n    @apply variant-filled-primary rounded-md;\n}\n\n.accordion-control {\n    @apply hover:bg-surface-hover-token;\n}\n\n.accordion-item {\n    @apply variant-filled-primary rounded-md;\n}\n\n/* endregion Accordion css for handling missing styles in package */\n\n:root {\n    --shadow-color: rgba(91, 79, 54, 0.5);\n}\n\n/* todo: adjust shadow for each component + change depending on dark mode or not */\n.fab, #shell-header {\n    box-shadow: 3px 3px 3px var(--shadow-color);\n}\n\n#toast-progress {\n    position: relative;\n    top: 5px;\n    left: 6px;\n    width: calc(100% - 12px);\n    border-radius: 8px;\n    background: transparent;\n    height: 10px;\n}\n\n#toast-progress::-moz-progress-bar {\n    /*background-color: red;*/\n    background: rgba(var(--color-secondary-500));\n}\n\n.dialog-box {\n    background-color: rgb(var(--color-surface-500) / 0.9);\n    position: fixed;\n    bottom: 0;\n    width: var(--dialog-box-width); /*75em + 4em padding*/\n    height: var(--dialog-box-height);\n    max-width: calc(100vw - ((var(--fab-margin) * 2) + 4em));\n}\n\n.dark .dialog-box {\n    background-color: rgb(var(--color-surface-900) / 0.95);\n    --tw-ring-color: rgb(var(--color-text-400));\n    /*background-color: red;*/\n}\n\n.dark .ares-logo {\n    filter: invert(100%);\n}\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/lib/app.postcss b/src/lib/app.postcss
---- a/src/lib/app.postcss	(revision 6a23be06c0482005bd0be5fdcf6f94083ed08c64)
-+++ b/src/lib/app.postcss	(date 1711101285355)
-@@ -49,6 +49,10 @@
-     filter: grayscale(100%) brightness(0%) invert(100%);
- }
- 
-+button {
-+    color: var(--color-text-50);
-+}
-+
- /*
- 
- //for reference left here
-Index: src/routes/(pineapple)/+page.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script>\n\timport { PUBLIC_CRINGE_USERNAME } from \"$env/static/public\";\n\n\n\timport { createGoToFunction } from \"$pkg/util/util\";\n\timport { Card } from \"$pkg\";\n</script>\n\n<svelte:head>\n\t<title>Welcome to {PUBLIC_CRINGE_USERNAME}'s Home</title>\n\t<meta content=\"Welcome to {PUBLIC_CRINGE_USERNAME}'s Home\" name=\"og:title\" />\n\t<meta\n\t\tcontent=\"Welcome to {PUBLIC_CRINGE_USERNAME}'s home! It's a neat place to be at if you're feeling lost. Come hang around!\"\n\t\tname=\"og:description\"\n\t/>\n</svelte:head>\n\n<Card>\n\t<div slot=\"content\" class=\"content\">\n\t\t<h1 class=\"mb-8\" style=\"font-weight: bolder\">Directory</h1>\n\n\t\t<div class=\"btn-group\">\n\t\t\t<button on:click={createGoToFunction(\"pineapple\")}><h2>Pineapple playground</h2></button>\n\t\t\t<button on:click={createGoToFunction(\"portfolio\")}><h2>Seaweed playrground</h2></button>\n\t\t</div>\n\t</div>\n</Card>\n\n<style lang=\"postcss\">\n    .btn-group {\n        padding: 2em;\n\t\t    display: flex;\n\t\t    gap: 2em;\n\t\t    flex-direction: column;\n\n    }\n\n    button {\n\t\t    @apply btn variant-filled-secondary;\n    }\n\n    .content {\n        padding: 2em;\n        text-align: center;\n    }\n</style>\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/routes/(pineapple)/+page.svelte b/src/routes/(pineapple)/+page.svelte
---- a/src/routes/(pineapple)/+page.svelte	(revision 6a23be06c0482005bd0be5fdcf6f94083ed08c64)
-+++ b/src/routes/(pineapple)/+page.svelte	(date 1711101419454)
-@@ -19,24 +19,23 @@
- 	<div slot="content" class="content">
- 		<h1 class="mb-8" style="font-weight: bolder">Directory</h1>
- 
--		<div class="btn-group">
-+		<div class="turnip-menu">
- 			<button on:click={createGoToFunction("pineapple")}><h2>Pineapple playground</h2></button>
--			<button on:click={createGoToFunction("portfolio")}><h2>Seaweed playrground</h2></button>
-+			<button on:click={createGoToFunction("portfolio")}><h2>Seaweed playground</h2></button>
- 		</div>
- 	</div>
- </Card>
- 
- <style lang="postcss">
--    .btn-group {
-+    .turnip-menu {
-         padding: 2em;
--		    display: flex;
--		    gap: 2em;
--		    flex-direction: column;
--
-+        display: flex;
-+        gap: 2em;
-+        flex-direction: column;
-     }
- 
-     button {
--		    @apply btn variant-filled-secondary;
-+        @apply btn variant-filled-secondary;
-     }
- 
-     .content {
-Index: src/routes/(pineapple)/pineapple/+page.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\timport { PUBLIC_CRINGE_USERNAME } from \"$env/static/public\";\n\timport { showComponentInToast, showTextInToast } from \"$pkg/components/pineapple/toast/Toast\";\n\timport TestCard from \"$pkg/components/pineapple/toast/custom-toast/TestCustomToast.svelte\";\n\timport TestDialogYarn from \"./TestDialog.yarn?raw\";\n\timport { dialogManager } from \"$pkg\";\n\n\n\tlet testingQueueNumber = 1;\n\tconst testingRandomPhrases = [\n\t\t\"Niko\",\n\t\t\"Niko the Baikal seal\",\n\t\t\"Niko the Baikal seal\\nfrom Toba Aquarium\"\n\t];\n\tconst testDialogYarn = TestDialogYarn;\n\n\tlet parsed = false;\n\tconst onTestDialogClick = () => {\n\t\tif (!parsed) {\n\t\t\tdialogManager.parseAndSetDialogTree(testDialogYarn).then(() => {\n\t\t\t\tdialogManager.toggleDialogOverlay();\n\t\t\t});\n\t\t\tparsed = true;\n\t\t} else {\n\t\t\tdialogManager.toggleDialogOverlay();\n\t\t}\n\t};\n</script>\n\n<svelte:head>\n\t<title>Welcome to {PUBLIC_CRINGE_USERNAME}'s Home</title>\n\t<meta content=\"Welcome to {PUBLIC_CRINGE_USERNAME}'s Home\" name=\"og:title\" />\n\t<meta\n\t\tcontent=\"Welcome to {PUBLIC_CRINGE_USERNAME}'s home! It's a neat place to be at if you're feeling lost. Come hang around!\"\n\t\tname=\"og:description\"\n\t/>\n</svelte:head>\n\n<div class=\"card default-card\">\n\t<button\n\t\tclass=\"btn variant-filled-secondary\"\n\t\ton:click={() => {\n\t\t\tshowComponentInToast({componentAndProps: {component: TestCard, props: undefined}});\n\t\t}}><h3>Test custom toast</h3></button>\n\t<button\n\t\tclass=\"btn variant-filled-secondary\"\n\t\ton:click={() => {\n\t\t\tshowTextInToast(`${testingQueueNumber} ${testingRandomPhrases[testingQueueNumber]}`);\n\t\t\ttestingQueueNumber = (testingQueueNumber + 1) % testingRandomPhrases.length;\n\t\t}}><h3>Handy toast</h3></button>\n\t<button\n\t\tclass=\"btn variant-filled-secondary\"\n\t\ton:click={onTestDialogClick}><h3>Test dialog</h3></button>\n</div>\n\n<style lang=\"postcss\">\n    .default-card {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 2em;\n    }\n</style>\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/routes/(pineapple)/pineapple/+page.svelte b/src/routes/(pineapple)/pineapple/+page.svelte
---- a/src/routes/(pineapple)/pineapple/+page.svelte	(revision 6a23be06c0482005bd0be5fdcf6f94083ed08c64)
-+++ b/src/routes/(pineapple)/pineapple/+page.svelte	(date 1711101466055)
-@@ -3,7 +3,7 @@
- 	import { showComponentInToast, showTextInToast } from "$pkg/components/pineapple/toast/Toast";
- 	import TestCard from "$pkg/components/pineapple/toast/custom-toast/TestCustomToast.svelte";
- 	import TestDialogYarn from "./TestDialog.yarn?raw";
--	import { dialogManager } from "$pkg";
-+	import { Card, dialogManager } from "$pkg";
- 
- 
- 	let testingQueueNumber = 1;
-@@ -36,22 +36,24 @@
- 	/>
- </svelte:head>
- 
--<div class="card default-card">
--	<button
--		class="btn variant-filled-secondary"
--		on:click={() => {
-+<Card>
-+	<div slot="content" class="default-card">
-+		<button
-+			class="btn variant-filled-secondary"
-+			on:click={() => {
- 			showComponentInToast({componentAndProps: {component: TestCard, props: undefined}});
- 		}}><h3>Test custom toast</h3></button>
--	<button
--		class="btn variant-filled-secondary"
--		on:click={() => {
-+		<button
-+			class="btn variant-filled-secondary"
-+			on:click={() => {
- 			showTextInToast(`${testingQueueNumber} ${testingRandomPhrases[testingQueueNumber]}`);
- 			testingQueueNumber = (testingQueueNumber + 1) % testingRandomPhrases.length;
- 		}}><h3>Handy toast</h3></button>
--	<button
--		class="btn variant-filled-secondary"
--		on:click={onTestDialogClick}><h3>Test dialog</h3></button>
--</div>
-+		<button
-+			class="btn variant-filled-secondary"
-+			on:click={onTestDialogClick}><h3>Test dialog</h3></button>
-+	</div>
-+</Card>
- 
- <style lang="postcss">
-     .default-card {

package/.idea/shelf/Changes.xml

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