diff --git a/README.md b/README.md index ac9ae24..b5b2950 100644 --- a/README.md +++ b/README.md @@ -1,21 +1,38 @@ -# Jonas_Jones Dashboard -This Dashboard connects the settings and configurations of most of the services of my ecosystem +# sv -## Accounts -It is possible for everyone to signup and get access to the settings, however most user scopes aren't available to the default user and need to be granted by an admin user. +Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli). -## Settings and Configurations -The following are services that can be configured from the dashboard: +## Creating a project -| Service Name | Description | Implemented | -| ------------ | ----------- | ----------- | -| accouts.jonasjones.dev | Account Management (scopes, deletion, creation, etc...) | No | -| jonasjones.dev (Projects) | Project Management (update, add, delete) | No | -| Analytics (stats.jonasjones.dev) | Management (delete, graphs) | No | -| Rick-Roll-Tracker | Management (graphs) | No | -| kcomebacks.jonasjones.dev | run scraper, graphs, etc... | No | -| builds.jonasjones.dev | Add, remove, update | No | -| blogs.jonasjones.dev | create, edit, delete Posts | No | -| rss.jonasjones.dev | add, edit, delete entries | No | -| API scripts | run, (probably not much more because security issues like remote code execution etc.) | No | -| aka.jonasjones.dev | add, remove, edit aka entries | No | +If you're seeing this, you've probably already done this step. Congrats! + +```bash +# create a new project in the current directory +npx sv create + +# create a new project in my-app +npx sv create 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://svelte.dev/docs/kit/adapters) for your target environment. diff --git a/src/lib/components/AlphaNotice.svelte b/src/lib/components/AlphaNotice.svelte deleted file mode 100644 index 45efed4..0000000 --- a/src/lib/components/AlphaNotice.svelte +++ /dev/null @@ -1,32 +0,0 @@ -
-

This is an Alpha Version

-

- Note that this Dashboard is in an alpha state. This means that there are bugs and missing features. - Please report any bugs or issues to the - GitHub repository. -

-
- - \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 70f59a2..f726b15 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -6,11 +6,6 @@ let { children } = $props(); - - - - -
@@ -27,4 +22,33 @@ flex-direction: column; min-height: 100vh; } + + main { + flex: 1; + display: flex; + flex-direction: column; + padding: 1rem; + width: 100%; + max-width: 64rem; + margin: 0 auto; + box-sizing: border-box; + } + + footer { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 12px; + } + + footer a { + font-weight: bold; + } + + @media (min-width: 480px) { + footer { + padding: 12px 0; + } + } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 1ff5fee..8623973 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,6 +1,7 @@

diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte index 21ba401..fd49cc8 100644 --- a/src/routes/Header.svelte +++ b/src/routes/Header.svelte @@ -1,13 +1,6 @@
@@ -22,16 +15,13 @@
    - {#if sessionKey === null} + {#if ['/login', '/signup', '/register'].includes(page.url.pathname)}
  • Login
  • Signup
    • -
  • - About -
    • {:else}
  • Home @@ -39,9 +29,6 @@
  • About
    • -
  • - Logout -
    • {/if}
-

About this Dashboard

- - +

About this app

- This is a Dashboard app for my Ecosystem's services. - The list and roadmap of supported services can be viewed in the - README.md - page of the github repository. Thus, the Dashboard is opensource in the same repository. + This is a SvelteKit app. You can make your own by typing + the following into your command line and following the prompts:

-

- Signups are allowed to anyone. This is because the default user scope currently has no permissions. - However, the Dashboard is designed to be used with a user scope system. This means that the user scope - will be able to access services that are only available to them. Scopes are granted by an admin account. -

+ 
npx sv create

- Further are the accounts not limited to the Dashboard. They are their own entity, hosted on cloudflare workers. - Thus, the accounts are available to be used in other projects as well. The accounts are also opensource in the - github repository. -

- -

- Tldr; Dashboard is opensource and signup is public but has no permissions, unless explicitly granted by an admin. + The page you're looking at is purely static HTML, with no client-side interactivity needed. + Because of that, we don't need to load any JavaScript. Try viewing the page's source, or opening + the devtools network panel and reloading.

diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte index 86527e3..b050e2f 100644 --- a/src/routes/login/+page.svelte +++ b/src/routes/login/+page.svelte @@ -1,21 +1,15 @@ - -
-

Logging out...

-

Redirecting to the login page...

-
\ No newline at end of file diff --git a/src/routes/signup/+page.svelte b/src/routes/signup/+page.svelte index 8ff4f50..26815bb 100644 --- a/src/routes/signup/+page.svelte +++ b/src/routes/signup/+page.svelte @@ -1,8 +1,7 @@