-
- -
- - {#if PUB_ENV === "nightly"} -
- NIGHTLY -
- {/if} -
- -
- -
-
- -
- - -
- -
-
-
- {#key data.pathname} -
-
-
- {@render children()} -
-
-
- {/key} -
+
+ +
+ +
+ {@render children()} +
+ +
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 46ad001..a1bc9a0 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -5,4 +5,32 @@ // // ship fast n break things !! // -- nullptr + + import VertVBig from "$lib/assets/vert-bg.svg?component"; + import Uploader from "$lib/components/functional/Uploader.svelte"; + +
+ +
+ +
+
+
+
+

+ The file converter you'll love. +

+

+ All processing done on your device. No file size limit, no + ads, and completely open source. +

+
+
+ +
+
+
+
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/routes/convert/+page.svelte b/src/routes/convert/+page.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte new file mode 100644 index 0000000..e69de29 diff --git a/tailwind.config.ts b/tailwind.config.ts index 2cc0fae..0cbde07 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -5,15 +5,21 @@ export default { content: ["./src/**/*.{html,js,svelte,ts}"], theme: { extend: { - colors: { - background: "var(--bg)", + backgroundColor: { + panel: "var(--bg-panel)", + "panel-accented": "var(--bg-panel-accented)", + separator: "var(--bg-separator)", + }, + textColor: { foreground: "var(--fg)", - "foreground-muted": "var(--fg-muted)", - "foreground-muted-alt": "var(--fg-muted-alt)", - "foreground-failure": "var(--fg-failure)", - "foreground-highlight": "var(--fg-highlight)", - "accent-background": "var(--accent-bg)", - "accent-foreground": "var(--accent-fg)", + muted: "var(--fg-muted)", + "on-accent": "var(--fg-on-accent)", + }, + colors: { + accent: "var(--accent)", + }, + boxShadow: { + panel: "var(--shadow-panel)", }, fontFamily: { display: "var(--font-display)", @@ -22,6 +28,9 @@ export default { blur: { xs: "2px", }, + borderRadius: { + "2.5xl": "1.25rem", + }, }, }, diff --git a/vite.config.ts b/vite.config.ts index d48daa2..56a46a8 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,5 +1,6 @@ import { sveltekit } from "@sveltejs/kit/vite"; import { defineConfig } from "vite"; +import svg from "@poppanator/sveltekit-svg"; export default defineConfig({ plugins: [ @@ -17,6 +18,19 @@ export default defineConfig({ }); }, }, + svg({ + includePaths: ["./src/lib/assets"], + svgoOptions: { + multipass: true, + plugins: [ + { + name: "preset-default", + params: { overrides: { removeViewBox: false } }, + }, + { name: "removeAttrs", params: { attrs: "(fill|stroke)" } }, + ], + }, + }), ], optimizeDeps: { exclude: [