@turnipxenon/pineapple 2.8.0 → 2.10.0

package/docs/archive/MigrationToAzure.md

@@ -1,102 +0,0 @@
-# Migration to Azure
-
-## Update
-
-I realized that migrating to Azure, and wanting to be on the same parity to what we have right now would cost more. I am fine with the possible charges Vercel may give in the future.
-
-## Overview
-
-We're moving from hosting our two sites, from Vercel to Azure.
-
-## Reason
-
-- We want to learn how to use Azure services, since I'm already familiar with AWS and a lot of Canadian jobs seem to use Azure.
-- I want to learn more about Pulumi. It seems like a promising way of defining infrastructure. It's like CDK but platform-agnostic.
-- It's not that I'm worried about learning Vercel's platform, but let's be honest, employers don't really appreciate seeing "experienced in Vercel VK" than "experienced in CosmosDB"
-- If we want our projects to be interconnected, we might have to use a backend server for our Discord bot. I think Vercel is cheap, but I don't trust them enough to not pull a Heroku on us.
-
-## Current solution
-
-Two of our static web apps are deployed in Vercel for free.
-
-## Proposed solution
-
-Move the two static web apps to Azure Static Web Apps.
-
-## Future solution
-
-In the near future, we will have a possible situation like this:
-
-1. User visits, invoking call to Azure Static Web App.
-2. Azure Static Web App checks if it is a dynamic route, and if it is, it invokes an Azure Function. (This might not be accurate, or may not require an Azure Function if server-side rendered? Maybe for that it uses Azure Web App (not static))
-3. Azure Function (or Web App?) calls DB to figure out the desired layout.
-
-The situation for the above is something I've thought of since I've seen my links get more bloated. I could shorten the link, and have the full layout definition stored in a Key-Value pair DB.
-
-## Work
-
-1. Throwaway prototype: try to do the tutorial for full stack web app.
-	- Link: https://techcommunity.microsoft.com/t5/apps-on-azure-blog/build-a-full-stack-react-application-with-azure-static-web-apps/ba-p/4090838
-2. Check out the difference between Azure Static Web App and Azure Web App.
-3. Migrate Pineapple to Azure Web App.
-4. Set up CI/CD
-5. Ensure that there is a staging environment for PRs.
-6. Migrate Seaweed to Azure Web App.
-
-## Future Work
-
-**We want to shorten our query params into pre-defined links. We also want to keep the query params since we've given
-them out already.**
-
-Priority between layout settings:
-
-1. Runtime advanced settings
-2. Query param parsing
-3. Unique url
-
-Work:
-
-1. Study AzureFunctions (or not) and CosmosDB
-2. Define a DB schema
-3. Define a protocol between AzureFunction and Azure Web App (or not; it really depends)
-4. Set up DB.
-5. Implement throwaway part of the webpage just as a simple DB connection sanity check.
-6. Implement connection to the DB.
-7. Potential task: set up how DB connection works in different stages (PR build vs deployment build). At this point, we may have understood how the system works now.
-8. Refactor Seaweed. There are too much functions in the script section of SeaweedTemplate.
-9. Add a single source of truth for the page layout.
-10. The current state is that each page controls are separate, so I have to find them each individually. This will make URL generation, Query param parsing, Query param setting without page redirection (new!), server side params, and runtime advanced setting changes all in sync. Wow, that's a lot, and complex. but we're already 80% there, just disorganized.
-11. Refactor so that each entry is a SvelteComponent. (Already done but I don't know if we have to start from scratch since the merge conflict between our current work and at this point of the tasks is gonna be massive)
-12. Define each entry as a list grouped between games and projects.
-13. Define group components. (Same case as 11)
-14. Define each group as a list grouped. Define properties like:
-	1. Entries under it
-	2. Header title
-	3. Header styling?
-	4. Grid styling
-15. Make the dynamic listing and grouping work with the following:
-	1. runtime advanced setting changes
-		1. Represent the above groupings and listings in advanced settings
-		2. Make addable entries
-		3. Make removable entries
-		4. Make addable groups
-		5. Make removable entries
-		6. Make movable entries (switch indices)
-		7. Make movable groups (switch indices)
-		8. Inevitable refactor
-	2. URL generation
-	3. Query param parsing
-	4. Query param setting without page redirection
-	5. Save to DB with password
-	6. Read data on server side
-	7. Make a warning to user side that the page is missing if the said page was not defined server side
-	8. Read data on client side
-	9. Process it on client side and let query params override on top of it.
-
-**We want our infra to be defined in Pulumi**
-
-**TODO (we will probably know more when we have the DB and multiple stage deploys)**
-
-## Acknowledgments
-
-- Kudos to 0gust1, specifically with their guide to [Use node-adapter](https://gist.github.com/0gust1/1fc3c461ace390df556b2231b7284e70#use-node-adapter) and [adjust the launch script](https://gist.github.com/0gust1/1fc3c461ace390df556b2231b7284e70#adjust-the-launch-script).

package/docs/pull_request_template.md

@@ -1,34 +0,0 @@
-## Which issues does this affect?
-
-- Closes #*PR number*
-
-## Overview
-
-*Insert brief description here*
-
-## Description
-
-*If there are more details or more things that needs to be talked about, put it here.*
-
-## Checks
-
-- [ ] If some of the checks below are deferred, link an issue for it under as a child
-
-### Accessibility
-
-- [ ] [Changes are keyboard accessible](https://accessibility.18f.gov/keyboard/)
-- [ ] [All form inputs have explicit labels](https://accessibility.18f.gov/forms/)
-- [ ] [Page content has a meaningful heading hierarchy](https://accessibility.18f.gov/headings/)
-- [ ] [All relevant images use an img tag and have alt attributes](https://accessibility.18f.gov/images/)
-- [ ] [Text has sufficient color contrast](https://accessibility.18f.gov/color/) (a contrast ratio of 4.5:1 with the
-  background)
-- [ ] [No red flags when running WAVE on the page](http://wave.webaim.org/)
-- [ ] The UI should also work in left-to-right direction
-
-For the full list, see [18F's Accessibility Checklist](https://accessibility.18f.gov/checklist/).
-
-
-<!--
-References:
-- https://github.com/ministryofjustice/accessibility-checklist/blob/master/README.md
--->

package/postcss.config.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-	plugins: {
-		tailwindcss: {},
-		autoprefixer: {}
-	}
-};

package/prisma/migrations/20240408050417_init/migration.sql

@@ -1,7 +0,0 @@
--- CreateTable
-CREATE TABLE "SeaweedParams" (
-    "slug" TEXT NOT NULL,
-    "queryParams" TEXT NOT NULL,
-
-    CONSTRAINT "SeaweedParams_pkey" PRIMARY KEY ("slug")
-);

package/prisma/migrations/migration_lock.toml

@@ -1,3 +0,0 @@
-# Please do not edit this file manually
-# It should be added in your version-control system (i.e. Git)
-provider = "postgresql"

package/prisma/schema.prisma

@@ -1,13 +0,0 @@
-generator client {
-  provider = "prisma-client-js"
-}
-
-datasource db {
-  provider = "postgresql"
-  url      = env("POSTGRES_PRISMA_URL")
-}
-
-model SeaweedParams {
-  slug        String @id
-  queryParams String
-}

package/src/app.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width" />
-		%sveltekit.head%
-	</head>
-
-	<body data-sveltekit-preload-data="hover" data-theme="crimson">
-		<div style="display: contents" class="h-full overflow-hidden">%sveltekit.body%</div>
-	</body>
-</html>

package/src/lib/.gitignore

@@ -1 +0,0 @@
-server-temp

package/src/lib/api/GetLatestBlogs.ts

@@ -1,7 +0,0 @@
-export const GetLatestBlogs = async () => {
-	const resp = await fetch("http://turnipxenon.com/api/get-latest-blogs");
-	if (!resp.ok) {
-		return new Response(JSON.stringify([]));
-	}
-	return new Response(JSON.stringify(await resp.json()));
-};

package/src/lib/api/index.ts

@@ -1,3 +0,0 @@
-// noinspection JSUnusedGlobalSymbols
-
-export * from "./GetLatestBlogs";

package/src/lib/app.postcss

@@ -1,212 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-@tailwind variants;
-
-/* (all other styles below) */
-
-/*place global styles here */
-:root {
-    --default-card-max-width: calc(4rem + 4rem + 40rem);
-}
-
-html, body {
-    @apply h-full overflow-hidden;
-    @apply bg-surface-400 dark:bg-surface-800;
-    background-color: transparent;
-}
-
-/* font color */
-html, body {
-    color: rgb(var(--theme-font-color-base));
-}
-
-.accordion-panel {
-    color: rgb(var(--color-primary-1000));
-}
-
-.dark body,
-.dark .variant-filled-primary,
-.dark .turnip-button,
-.dark .turnip-button > span,
-.dark .accordion-panel,
-.dark button.accordion-control,
-.chip, .dark .chip {
-    color: rgb(var(--theme-font-color-dark));
-}
-
-.turnip-button, .turnip-button > span, button.accordion-control {
-    font-weight: bold;
-    color: rgb(var(--theme-font-color-base));
-}
-
-/* todo: add some hues to the icon that should be in sync with primary and make them not pure darkness */
-.turnip-button > img, .img-icon {
-    filter: grayscale(100%) brightness(0%) invert(25%);
-}
-
-.turnip-icon {
-    filter: brightness(0%) invert(90%);
-}
-
-.dark .turnip-button > img, .dark .img-icon {
-    filter: brightness(0%) invert(100%);
-}
-
-button {
-    color: var(--color-text-50);
-}
-
-/*
-
-//for reference left here
-
-.bg-surface-custom-token {
-    @apply bg-surface-200 dark:bg-surface-700;
-}
-
-.app-bar {
-    @apply bg-surface-custom-token;
-}
-*/
-
-.default-card {
-    padding: 2em;
-    text-align: start;
-    max-width: var(--default-card-max-width);
-}
-
-h1,
-h2,
-p {
-    margin-bottom: 0.5em;
-}
-
-ul {
-    list-style-type: circle;
-    padding-left: 1em;
-}
-
-.default-page-container {
-    @apply flex justify-center items-center;
-    margin-top: 4em;
-    margin-left: 1em;
-    margin-right: 1em;
-    flex-direction: column;
-    z-index: 0;
-}
-
-.footer-space {
-    width: 100%;
-    height: calc(var(--dialog-box-height) + 4em);
-}
-
-a.dialog-choice {
-    cursor: url("$pkg/assets/icons/chat-cursor.svg"), auto;
-}
-
-a.external-link {
-    cursor: url("$pkg/assets/icons/external-link.svg"), auto;
-}
-
-blockquote {
-    font-style: italic;
-    opacity: 60%;
-    font-weight: bold;
-}
-
-/* todo: add --tw-text-opacity division to add ambience based on bg better */
-a {
-    text-decoration: underline;
-    color: rgb(var(--color-secondary-500));
-}
-
-a:hover, a:hover:visited {
-    color: rgb(var(--color-secondary-400));
-}
-
-a:visited {
-    color: rgb(var(--color-secondary-800));
-}
-
-a:active {
-    color: rgb(var(--color-secondary-350));
-}
-
-.dark a {
-    text-decoration: underline;
-    color: rgb(var(--color-secondary-300));
-}
-
-.dark a:hover, .dark a:hover:visited {
-    color: rgb(var(--color-secondary-200));
-}
-
-.dark a:visited {
-    color: rgb(var(--color-secondary-350));
-}
-
-.dark a:active {
-    color: rgb(var(--color-secondary-100));
-}
-
-/* region Accordion css for handling missing styles in package */
-.accordion {
-    @apply variant-filled-primary rounded-md;
-}
-
-.accordion-control {
-    @apply hover:bg-surface-hover-token;
-}
-
-.accordion-item {
-    @apply variant-filled-primary rounded-md;
-}
-
-/* endregion Accordion css for handling missing styles in package */
-
-:root {
-    --shadow-color: rgba(91, 79, 54, 0.5);
-}
-
-/* todo: adjust shadow for each component + change depending on dark mode or not */
-.fab, #shell-header {
-    box-shadow: 3px 3px 3px var(--shadow-color);
-}
-
-#toast-progress {
-    position: relative;
-    top: 5px;
-    left: 6px;
-    width: calc(100% - 12px);
-    border-radius: 8px;
-    background: transparent;
-    height: 10px;
-}
-
-#toast-progress::-moz-progress-bar {
-    background: rgba(var(--color-secondary-500));
-}
-
-.dialog-box {
-    background-color: rgb(var(--color-surface-500) / 0.9);
-    position: fixed;
-    bottom: 0;
-    width: var(--dialog-box-width); /*75em + 4em padding*/
-    height: var(--dialog-box-height);
-    max-width: calc(100vw - ((var(--fab-margin) * 2) + 4em));
-}
-
-.dark .dialog-box {
-    background-color: rgb(var(--color-surface-900) / 0.95);
-    --tw-ring-color: rgb(var(--color-text-400));
-    /*background-color: red;*/
-}
-
-.dark .ares-logo {
-    filter: invert(100%);
-}
-
-.input {
-    @apply border-surface-800;
-}

package/src/lib/assets/icons/arrow-upward.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z"/></svg>

package/src/lib/assets/icons/bitbucket-icon.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="_x34_4-bitbucket"><g><path d="M40.929,49.178c-8.108-0.092-14.835,6.358-14.928,14.559c0,0.829,0.093,1.75,0.186,2.58    l62.566,379.735c1.566,9.582,9.86,16.68,19.627,16.77h300.118c7.281,0.093,13.546-5.159,14.745-12.347L485.81,66.409    c1.29-8.016-4.146-15.572-12.163-16.862c-0.829-0.091-1.658-0.184-2.578-0.184L40.929,49.178L40.929,49.178z M304.375,323.59    h-95.831l-25.895-135.456h144.945L304.375,323.59L304.375,323.59z" style="fill:#2684FF;"/></g></g><g id="Layer_1"/></svg>

package/src/lib/assets/icons/chat-cursor.svg

@@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   height="48"
-   viewBox="0 -960 960 960"
-   width="48"
-   version="1.1"
-   id="svg384"
-   sodipodi:docname="chat_FILL0_wght400_GRAD0_opsz48.svg"
-   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs388" />
-  <sodipodi:namedview
-     id="namedview386"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     showgrid="true"
-     inkscape:zoom="6.1650873"
-     inkscape:cx="12.084176"
-     inkscape:cy="16.220371"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg384">
-    <inkscape:grid
-       type="xygrid"
-       id="grid390" />
-  </sodipodi:namedview>
-  <path
-     d="m 288.1745,-415.25889 h 250.17242 v -47.95638 H 288.1745 Z m 0,-103.90548 h 383.651 v -47.95638 h -383.651 z m 0,-103.90548 h 383.651 v -47.95638 h -383.651 z m -127.88367,462.77902 v -591.46196 q 0,-19.18255 14.38692,-33.56946 14.38691,-14.38692 33.56946,-14.38692 h 543.50558 q 19.18255,0 33.56946,14.38692 14.38692,14.38691 14.38692,33.56946 v 415.62191 q 0,19.18255 -14.38692,33.56947 -14.38691,14.38691 -33.56946,14.38691 H 288.1745 Z M 267.3934,-336.13088 H 751.75279 V -751.75279 H 208.24721 v 479.56375 z m -59.14619,0 v -415.62191 z"
-     id="path382"
-     style="stroke-width:0.799273" />
-  <path
-     style="fill:#000000;stroke-width:20"
-     d="m 99.34977,-880.52018 v 140.71172 l 140.71171,-140.71172 z"
-     id="path394" />
-</svg>

package/src/lib/assets/icons/close.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>

package/src/lib/assets/icons/external-link.svg

@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   height="48"
-   viewBox="0 -960 960 960"
-   width="48"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="external_link.svg"
-   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs16" />
-  <sodipodi:namedview
-     id="namedview14"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     showgrid="true"
-     inkscape:zoom="4.359375"
-     inkscape:cx="-21.677419"
-     inkscape:cy="73.175627"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="1912"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg12">
-    <inkscape:grid
-       type="xygrid"
-       id="grid362" />
-  </sodipodi:namedview>
-  <path
-     d="m 595.00431,-626.20279 128.00001,-128.00001 -103.00001,-10e-6 10e-6,-59.99998 h 205.99999 l 2e-5,205.99999 -60.00002,-10e-6 V -712.2028 l -127.99999,128 z"
-     id="path301" />
-  <path
-     id="path10"
-     d="m 394,-789 q -26,40 -43,82.5 -17,42.5 -28,96.5 H 172 q 35,-70 91,-115 56,-45 131,-64 z m -242,239 h 160 q -3,24 -4,43.5 -1,19.5 -1,44.5 0,21 0.5,42.5 0.5,21.5 3.5,48.5 H 152 q -7,-24 -9.5,-44.5 -2.5,-20.5 -2.5,-46.5 0,-26 2.5,-45 2.5,-19 9.5,-43 z m 20,239 h 150 q 12,55 30,99 18,44 43,82 -85,-29 -135,-69.5 Q 210,-240 172,-311 Z m 212,0 h 193 q -15,64 -38.5,110.5 Q 515,-154 480,-118 445,-155 421.5,-203 398,-251 384,-311 Z m 255,0 h 149 q -35,65 -92.5,111 -57.5,46 -129.5,69 25,-38 42.5,-82 17.5,-44 30.5,-98 z M 480,-860 q -84,0 -157,30.5 -73,30.5 -127,84.5 -54,54 -85,126.5 -31,72.5 -31,156.5 0,84 31,157.5 31,73.5 85,127.5 54,54 127,85.5 73,31.5 157,31.5 84,0 157,-31.5 73,-31.5 127,-85.5 54,-54 85,-127.5 31,-73.5 31,-157.5 0,-17 -1,-34 -1,-17 -4,-34 h -62 q 4,17 5.5,32.5 1.5,15.5 1.5,35.5 0,26 -2.5,46.5 Q 815,-395 808,-371 H 648 q 3,-30 4.5,-49.5 1.5,-19.5 1.5,-41.5 0,-14 -0.5,-28.5 Q 653,-505 651,-530 h -61 q 2,21 3,36 1,15 1,32 0,21 -1,40.5 -1,19.5 -5,50.5 H 373 q -4,-31 -5,-50.5 -1,-19.5 -1,-40.5 0,-20 1,-38.5 1,-18.5 5,-49.5 h 177 v -60 H 384 q 20,-75 42,-119 22,-44 54,-71 21,22 38.5,49 17.5,27 31.5,56 v -159 q -17,-3 -34.5,-4.5 Q 498,-860 480,-860 Z"
-     style="display:inline" />
-  <path
-     style="display:inline;fill:#000000;stroke-width:26.5796"
-     d="m 80.286738,-860.28674 v 161.55451 L 239.7891,-859.71249 Z"
-     id="path364" />
-</svg>

package/src/lib/assets/icons/github-mark.svg

@@ -1 +0,0 @@
-<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>

package/src/lib/assets/icons/link-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"/></svg>

package/src/lib/assets/icons/linkedin.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>

package/src/lib/assets/icons/mail.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z"/></svg>

package/src/lib/components/Card.svelte

@@ -1,54 +0,0 @@
-<script lang="ts">
-	export let margin = "0";
-	export let marginBottom = "2lh";
-	export let overrideStyle = "";
-	export let includeDataNoSnippet = true;
-	export let additionalClass: string[] = [];
-	export let turnOnLightModeBorder = true;
-
-	// warning: don't forget the semi-colon when adding new style!
-	const style = `
-		--turnip-card-margin: ${margin};
-		--turnip-card-margin-bottom: ${marginBottom};
-		${overrideStyle};
-	`;
-
-	if (!$$slots.content) {
-		console.error("Missing content slot in card. No content will be displayed.");
-	}
-
-	const originalClasses = ["card", "turnip-card"].concat(additionalClass).join(" ");
-	let classes = originalClasses.slice();
-	const toggleLightModeBorder = (turnOnLightModeBorder: boolean) => {
-		classes = originalClasses;
-		if (turnOnLightModeBorder) {
-			classes += " light-mode-border";
-		}
-	};
-	$: toggleLightModeBorder(turnOnLightModeBorder);
-</script>
-
-{#if (includeDataNoSnippet)}
-	<div class={classes} style={style} data-no-snippet>
-		<slot name="content" class="card" />
-	</div>
-{:else }
-	<div class={classes} style={style}>
-		<slot name="content" class="card" />
-	</div>
-{/if}
-
-<style lang="postcss">
-    /*noinspection CssUnusedSymbol*/
-    .light-mode-border {
-        @apply border-surface-600 border-2 dark:border-0;
-    }
-
-    /*noinspection CssUnusedSymbol*/
-    .turnip-card {
-        @apply bg-surface-100 dark:bg-surface-900;
-        margin: var(--turnip-card-margin);
-        margin-bottom: var(--turnip-card-margin-bottom);
-        border-radius: var(--theme-rounded-container);
-    }
-</style>