diff --git a/README.md b/README.md index 5ce6766..d87bb7f 100644 --- a/README.md +++ b/README.md @@ -1,38 +1,5 @@ -# create-svelte +# file-uploader -Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte). +[![forthebadge](https://forthebadge.com/images/badges/license-mit.svg)](https://forthebadge.com) [![forthebadge](https://forthebadge.com/images/badges/designed-in-ms-paint.svg)](https://forthebadge.com) [![forthebadge](https://forthebadge.com/images/badges/gluten-free.svg)](https://forthebadge.com) [![forthebadge](https://forthebadge.com/images/badges/powered-by-black-magic.svg)](https://forthebadge.com) -## Creating a project - -If you're seeing this, you've probably already done this step. Congrats! - -```bash -# create a new project in the current directory -npm create svelte@latest - -# create a new project in my-app -npm create svelte@latest my-app -``` - -## Developing - -Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: - -```bash -npm run dev - -# or start the server and open the app in a new browser tab -npm run dev -- --open -``` - -## Building - -To create a production version of your app: - -```bash -npm run build -``` - -You can preview the production build with `npm run preview`. - -> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. +A file uploading website. diff --git a/package.json b/package.json index f2f02d5..84c9a9e 100644 --- a/package.json +++ b/package.json @@ -24,6 +24,7 @@ }, "type": "module", "dependencies": { + "lucide-svelte": "^0.358.0", "svelte-sonner": "^0.3.19" } } diff --git a/src/app.css b/src/app.css index b5c61c9..eb02d79 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,14 @@ @tailwind base; @tailwind components; @tailwind utilities; + +html { + @apply dark:bg-neutral-950; + @apply dark:text-neutral-200; + @apply transition-colors; +} + +strong { + @apply dark:text-white; + @apply transition-colors; +} diff --git a/src/lib/components/GenericButton.svelte b/src/lib/components/GenericButton.svelte new file mode 100644 index 0000000..4159609 --- /dev/null +++ b/src/lib/components/GenericButton.svelte @@ -0,0 +1,11 @@ + + + diff --git a/src/lib/components/GenericLink.svelte b/src/lib/components/GenericLink.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/lib/components/Logo.svelte b/src/lib/components/Logo.svelte new file mode 100644 index 0000000..9eed7a1 --- /dev/null +++ b/src/lib/components/Logo.svelte @@ -0,0 +1,174 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/components/PageMeta.svelte b/src/lib/components/PageMeta.svelte new file mode 100644 index 0000000..8b34767 --- /dev/null +++ b/src/lib/components/PageMeta.svelte @@ -0,0 +1,7 @@ + + + + {title} + diff --git a/src/lib/components/ThemeHandler.svelte b/src/lib/components/ThemeHandler.svelte new file mode 100644 index 0000000..56a870c --- /dev/null +++ b/src/lib/components/ThemeHandler.svelte @@ -0,0 +1,39 @@ + + + + + diff --git a/src/lib/components/ThemeSwitcher.svelte b/src/lib/components/ThemeSwitcher.svelte new file mode 100644 index 0000000..91ba055 --- /dev/null +++ b/src/lib/components/ThemeSwitcher.svelte @@ -0,0 +1,17 @@ + + + + {#if $darkMode} + + {:else} + + {/if} + diff --git a/src/lib/stores.js b/src/lib/stores.js new file mode 100644 index 0000000..d02b542 --- /dev/null +++ b/src/lib/stores.js @@ -0,0 +1,3 @@ +import { writable } from 'svelte/store'; + +export const darkMode = writable(); diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 2e511e0..e135f73 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,5 +1,17 @@ - + + + + +
+ +
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 1dba7bb..a2ddd92 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,7 +1,38 @@ -

Hello world!

+ + +
+
+
+
+ +
+

Currently hosting 0 files.

+

Elon musk found dead in a pool

+
+ +
+ + + + +

Login

+ + + + +

Register

+ +
+
+
diff --git a/static/favicon-dark.png b/static/favicon-dark.png new file mode 100644 index 0000000..83897e7 Binary files /dev/null and b/static/favicon-dark.png differ diff --git a/static/favicon.png b/static/favicon.png index 825b9e6..77c6359 100644 Binary files a/static/favicon.png and b/static/favicon.png differ diff --git a/static/favicon.svg b/static/favicon.svg new file mode 100644 index 0000000..54cb62a --- /dev/null +++ b/static/favicon.svg @@ -0,0 +1,950 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/logo.png b/static/logo.png new file mode 100644 index 0000000..c33e04a Binary files /dev/null and b/static/logo.png differ diff --git a/static/logo.svg b/static/logo.svg new file mode 100644 index 0000000..1867c0a --- /dev/null +++ b/static/logo.svg @@ -0,0 +1,1136 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/tailwind.config.js b/tailwind.config.js index bfe0bc2..834ee43 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,8 +1,10 @@ /** @type {import('tailwindcss').Config} */ export default { content: ['./src/**/*.{html,js,svelte,ts}'], + darkMode: 'selector', theme: { - extend: {} + extend: {}, + container: { center: true } }, plugins: [] }; diff --git a/yarn.lock b/yarn.lock index e33bfce..6415ac4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -913,6 +913,11 @@ locate-character@^3.0.0: resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.0.tgz#0bd445ca57363465900f4d1f9bd8db343a4d95c3" integrity sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q== +lucide-svelte@^0.358.0: + version "0.358.0" + resolved "https://registry.yarnpkg.com/lucide-svelte/-/lucide-svelte-0.358.0.tgz#0eeb03986a964ac8c9ead5cf7dbe45b5d4ef38dd" + integrity sha512-KSdl/FSW5EhexI+qZH/YV/6WmuMybx1dw1VD7n53xDJCpYUm/7dftOV3yTV0KaJxN7/tDss15M62SVvLLWsXLA== + magic-string@^0.30.3, magic-string@^0.30.4, magic-string@^0.30.5: version "0.30.8" resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.8.tgz#14e8624246d2bedba70d5462aa99ac9681844613" @@ -1234,6 +1239,7 @@ source-map-js@^1.0.1, source-map-js@^1.0.2: integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== "string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0: + name string-width-cjs version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -1252,6 +1258,7 @@ string-width@^5.0.1, string-width@^5.1.2: strip-ansi "^7.0.1" "strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: + name strip-ansi-cjs version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==