@turnipxenon/pineapple 2.10.0 → 3.0.0-alpha-3

package/dist/components/SocialSection.svelte

@@ -1,166 +0,0 @@
-<script>
-	export let isSmallVersion = false;
-	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";
-	import { scale } from "svelte/transition";
-
-	import MailIcon from "../assets/icons/mail.svg";
-	import GithubIcon from "../assets/icons/github-mark.svg";
-	import LinkedinIcon from "../assets/icons/linkedin.svg";
-
-	let shouldShowExtra = false;
-	const style = `
-		--preferred-justify-content: ${isSlot ? "flex-start" : "center"};
-		--preferred-overall-margin-bottom: ${isSlot ? "0" : "0.75lh"};
-	`;
-
-	onMount(() => {
-		shouldShowExtra = window.screen.availWidth >= 440;
-	});
-</script>
-
-<div class="socials" class:isSmall={isSmallVersion} style={style} data-nosnippet>
-	<button type="button" class="social-button turnip-button"
-	        role="link"
-	        title="https://github.com/TurnipXenon"
-	        on:click={() => window.open("https://github.com/TurnipXenon")}>
-		<img src={GithubIcon} alt="github icon">
-		{#if (!isSmallVersion)}
-			<span>TurnipXenon</span>
-		{/if}
-	</button>
-	{#if allowLinkedIn}
-		<button type="button" class="social-button turnip-button"
-		        role="link"
-		        title={`https://www.linkedin.com/in/${linkedinSlug}/`}
-		        on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
-			<img src={LinkedinIcon} alt="linkedin icon">
-			{#if (!isSmallVersion)}
-				<span>{linkedinSlug}</span>
-			{/if}
-		</button>
-	{/if}
-	<button type="button" class="social-button turnip-button"
-	        role="link"
-	        title={`mailto:${email}`}
-	        on:click={() => window.open(`mailto:${email}`)}>
-		<img src={MailIcon} alt="mail icon" />
-		{#if (!isSmallVersion)}
-			<span>{email}</span>
-		{/if}
-	</button>
-	{#if (shouldShowExtra)}
-		<button type="button" class="social-button turnip-button"
-		        role="link"
-		        title="https://turnipxenon.itch.io/"
-		        transition:scale
-		        on:click={() => window.open("https://turnipxenon.itch.io/")}>
-			<img src={ItchLogoHotLink} alt="itch icon">
-			{#if (!isSmallVersion)}
-				<span>TurnipXenon</span>
-			{/if}
-		</button>
-	{/if}
-</div>
-
-<style>
-    :is(.dark .social-button) {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
-        color: rgb(var(--on-primary));
-}
-
-.social-button:disabled {
-        cursor: not-allowed;
-        opacity: 0.5;
-}
-
-.social-button:disabled:hover {
-        --tw-brightness: brightness(1);
-        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.social-button:disabled:active {
-        --tw-scale-x: 1;
-        --tw-scale-y: 1;
-        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.social-button {
-        font-size: 1rem;
-        line-height: 1.5rem;
-        padding-left: 1.25rem;
-        padding-right: 1.25rem;
-        padding-top: 9px;
-        padding-bottom: 9px;
-        white-space: nowrap;
-        text-align: center;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        transition-property: all;
-        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-        transition-duration: 150ms;
-        border-radius: var(--theme-rounded-base);
-}
-
-.social-button > :not([hidden]) ~ :not([hidden]) {
-        --tw-space-x-reverse: 0;
-        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.social-button:hover {
-        --tw-brightness: brightness(1.15);
-        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.social-button:active {
-        --tw-scale-x: 95%;
-        --tw-scale-y: 95%;
-        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-        --tw-brightness: brightness(.9);
-        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.social-button {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
-        color: rgb(var(--on-primary));
-}
-
-:is(.dark .social-button) {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
-        color: rgb(var(--on-primary));
-}
-
-    button > img {
-        max-height: 1lh;
-    }
-
-    button {
-        min-width: 0;
-        min-height: 0;
-    }
-
-    .socials {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: var(--preferred-justify-content);
-    }
-
-    .socials > button {
-        margin: 0 0.5em var(--preferred-overall-margin-bottom);
-    }
-
-    .socials.isSmall > button {
-        margin-left: 0.25em;
-        margin-right: 0.25em;
-    }
-</style>

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

@@ -1,31 +0,0 @@
-/** @typedef {typeof __propDef.props}  SocialSectionProps */
-/** @typedef {typeof __propDef.events}  SocialSectionEvents */
-/** @typedef {typeof __propDef.slots}  SocialSectionSlots */
-export default class SocialSection extends SvelteComponent<{
-    isSmallVersion?: boolean | undefined;
-    email?: string | undefined;
-    linkedinSlug?: string | undefined;
-    isSlot?: boolean | undefined;
-    allowLinkedIn?: boolean | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SocialSectionProps = typeof __propDef.props;
-export type SocialSectionEvents = typeof __propDef.events;
-export type SocialSectionSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        isSmallVersion?: boolean | undefined;
-        email?: string | undefined;
-        linkedinSlug?: string | undefined;
-        isSlot?: boolean | undefined;
-        allowLinkedIn?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/postcss.d.ts

@@ -1,3 +0,0 @@
-// from https://stackoverflow.com/a/63885623/17836168
-declare module "./app.postcss";
-declare module "./theme.postcss";

package/dist/styles/DefaultGridContainer.css

@@ -1,61 +0,0 @@
-.default-grid-container-title-card {
-	max-width: calc(var(--default-card-max-width) + 32rem) !important;
-	width: 100%;
-	padding: 2rem !important;
-	text-align: center !important;
-}
-
-.default-grid-container {
-	width: 100%;
-	max-width: calc(var(--default-card-max-width) + 32rem);
-	padding-top: 4rem;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
-	align-items: flex-start;
-}
-
-.default-grid-container > .card,
-.default-grid-container > .lite-wrapper {
-	width: 22rem;
-	margin: clamp(0vw, 1vw, 1.5rem);
-}
-
-.default-grid-container div h3 {
-	margin: 0.5em;
-	text-align: center;
-	font-weight: bold;
-}
-
-.default-grid-container video {
-	padding: var(--theme-border-base);
-}
-
-.default-grid-container img {
-	padding: var(--theme-border-base);
-	width: 100%;
-}
-
-.links {
-	width: 100%;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
-	align-items: center;
-}
-
-.card.tx-badge {
-	object-fit: scale-down;
-	padding: 0.5rem;
-}
-
-img.tx-badge,
-.card.tx-badge {
-	max-height: 5rem;
-	max-width: 6rem;
-	margin: 1rem;
-}
-
-.twitter-wrapper {
-	padding: 1rem;
-}

package/dist/template/seaweed/ChumBucket.svelte

@@ -1,87 +0,0 @@
-<script>import Card from "../../components/Card.svelte";
-import {} from "../..";
-import { onMount } from "svelte";
-let hasTriedGettingChumBucket = false;
-let pageMetaList = [];
-const loadPageMeta = async () => {
-  fetch("/api/get-latest-blogs").then((resp) => resp.json()).then((json) => {
-    pageMetaList = json;
-    hasTriedGettingChumBucket = true;
-  }).catch((_) => {
-    hasTriedGettingChumBucket = true;
-  });
-};
-onMount(() => {
-  loadPageMeta();
-});
-</script>
-
-<Card>
-	<div slot="content" class="chum-bucket">
-		<h2>More about me...</h2>
-		<p>Check out the latest things I've been rambling about at
-			<a href="https://turnipxenon.com" target="_blank">turnipxenon.com</a> or at
-			<a href="https://turnipxenon.com/blogs/coding-chagrin" target="_blank">turnipxenon.com/blogs/coding-chagrin.</a>
-		</p>
-
-		{#if pageMetaList.length > 0}
-			<h3><b>My latest blogs (sounds too fancy)</b></h3>
-		{/if}
-
-		<div class="chum-bucket-grid">
-			{#if hasTriedGettingChumBucket}
-				{#each pageMetaList as pageMeta}
-					<div class="chum-bucket-item">
-						{#if pageMeta.imageUrl}
-							<img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
-							     class="chum-bucket-image"
-							     alt={pageMeta.imageAlt}>
-						{/if}
-						<div>
-							<h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
-							<p>Published: {pageMeta.datePublished}
-								{#if pageMeta.lastUpdated}
-									| Last updated: {pageMeta.lastUpdated}
-								{/if}
-							</p>
-							<p>{pageMeta.description}</p>
-						</div>
-					</div>
-				{/each}
-			{:else}
-				{#each { length: 10 } as _}
-					<div class="placeholder" />
-				{/each}
-			{/if}
-		</div>
-	</div>
-</Card>
-
-<style>
-    .chum-bucket-item {
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        align-items: flex-start;
-    }
-
-    .chum-bucket-image {
-        max-width: 10em;
-        height: auto;
-        margin-top: 0.5em;
-        margin-inline-end: 1em;
-    }
-
-
-    .chum-bucket {
-        padding: 1.5lh 2em;
-        max-width: 600px;
-    }
-
-    .chum-bucket-grid {
-        display: flex;
-        flex-direction: column;
-        margin-top: 0.5lh;
-        gap: 0.5lh;
-    }
-</style>

package/dist/template/seaweed/ChumBucket.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ChumBucketProps = typeof __propDef.props;
-export type ChumBucketEvents = typeof __propDef.events;
-export type ChumBucketSlots = typeof __propDef.slots;
-export default class ChumBucket extends SvelteComponent<ChumBucketProps, ChumBucketEvents, ChumBucketSlots> {
-}
-export {};