diff --git a/.eslintignore b/.eslintignore index 8d7388e..ae18545 100644 --- a/.eslintignore +++ b/.eslintignore @@ -1,6 +1,4 @@ .eslintrc.cjs svelte.config.js tsnode-loader.js -src/hooks.ts -src/lib/controllers/keyboard.ts -static/webaudio-controls.js \ No newline at end of file +src/hooks.ts \ No newline at end of file diff --git a/.prettierrc.cjs b/.prettierrc.cjs index ec5c4b2..3c0b5e6 100644 --- a/.prettierrc.cjs +++ b/.prettierrc.cjs @@ -1,6 +1,5 @@ module.exports = { arrowParens: 'avoid', - plugins: ['prettier-plugin-svelte'], semi: false, singleQuote: true, svelteBracketNewLine: true, diff --git a/src/app.html b/src/app.html index 51f58cc..b0135c1 100644 --- a/src/app.html +++ b/src/app.html @@ -1,33 +1,37 @@ - + + + WebNative Template + + + + + + + + + + + + + + + + + + + - - WebNative Template - - - - - - - - - - - - - - - - - - - + %sveltekit.head% + - %sveltekit.head% - - - -
%sveltekit.body%
- - - \ No newline at end of file + +
%sveltekit.body%
+ + diff --git a/src/components/Header.svelte b/src/components/Header.svelte index 70b39ca..4bb39ec 100644 --- a/src/components/Header.svelte +++ b/src/components/Header.svelte @@ -1,3 +1,22 @@ -
- Connect -
\ No newline at end of file +
+
+ +
+ +
+ Connect +
+
diff --git a/src/components/auth/Connect.svelte b/src/components/auth/Connect.svelte index 918db7c..2486b58 100644 --- a/src/components/auth/Connect.svelte +++ b/src/components/auth/Connect.svelte @@ -1,4 +1,18 @@ + +
+
+ ✕ -
Connect
- -Register +
+

Connect to AppName

+
+ Create a new account + I have an existing account +
+
+
+
diff --git a/src/components/auth/Register.svelte b/src/components/auth/Register.svelte index 6203524..71953de 100644 --- a/src/components/auth/Register.svelte +++ b/src/components/auth/Register.svelte @@ -7,7 +7,6 @@ const { value: username } = event.target as HTMLInputElement console.log(username) - } // Register the user @@ -17,18 +16,33 @@
-
+
+ ✕ +
-

Choose a username

+

Choose a username

-
- Back - +
+ + +
+ +
+ Back +
diff --git a/src/global.css b/src/global.css index bd6213e..42b90b8 100644 --- a/src/global.css +++ b/src/global.css @@ -1,3 +1,23 @@ @tailwind base; @tailwind components; -@tailwind utilities; \ No newline at end of file +@tailwind utilities; + +input[type='checkbox']::before { + content: ''; + width: 0.65em; + height: 0.65em; + transform: scale(0); + transition: 60ms transform ease-in-out; + box-shadow: inset 1em 1em #fff; + transform-origin: bottom left; + clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); + cursor: pointer; +} + +input[type='checkbox']:checked::before { + transform: scale(1); +} + +.modal-box { + @apply p-8; +} diff --git a/src/hooks.ts b/src/hooks.ts index 21b41c2..bf8cd0c 100644 --- a/src/hooks.ts +++ b/src/hooks.ts @@ -2,7 +2,7 @@ export async function handle({ event, resolve }) { const response = await resolve(event, { ssr: false - }); + }) - return response; -} \ No newline at end of file + return response +} diff --git a/src/lib/common/example.test.ts b/src/lib/common/example.test.ts index 6541194..7ae0a69 100644 --- a/src/lib/common/example.test.ts +++ b/src/lib/common/example.test.ts @@ -1,5 +1,5 @@ import test from 'ava' test('my passing test', t => { - t.pass() -}) \ No newline at end of file + t.pass() +}) diff --git a/src/lib/common/webnative.ts b/src/lib/common/webnative.ts index 58dc81a..c563617 100644 --- a/src/lib/common/webnative.ts +++ b/src/lib/common/webnative.ts @@ -14,13 +14,13 @@ const fissionInit = { permissions: { app: { name: 'app-name', - creator: 'creator-name', + creator: 'creator-name' }, // Ask the user permission to additional filesystem paths fs: { // private: [webnative.path.directory('Documents', 'Contacts')], - }, - }, + } + } } // TODO: Add a flag or script to turn debugging on/off diff --git a/src/lib/theme/index.ts b/src/lib/theme/index.ts index 25a60bb..8ffa1ce 100644 --- a/src/lib/theme/index.ts +++ b/src/lib/theme/index.ts @@ -4,7 +4,7 @@ export type Theme = 'light' | 'dark' export const loadTheme = (): Theme => { if (browser) { - return localStorage.getItem('theme') as Theme ?? 'dark' + return (localStorage.getItem('theme') as Theme) ?? 'light' } } @@ -13,4 +13,3 @@ export const storeTheme = (theme: Theme): void => { localStorage.setItem('theme', theme) } } - diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index a2dbf45..02d83e8 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -9,10 +9,8 @@ }) -
-
+
- diff --git a/src/routes/connect.svelte b/src/routes/connect.svelte index 6ff70ce..880d905 100644 --- a/src/routes/connect.svelte +++ b/src/routes/connect.svelte @@ -1,4 +1,5 @@ - \ No newline at end of file + + diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 47148b8..4864330 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -8,7 +8,7 @@ init() -

Hello world!

+

Application Interface

diff --git a/src/routes/register.svelte b/src/routes/register.svelte index a46b3d8..27e06af 100644 --- a/src/routes/register.svelte +++ b/src/routes/register.svelte @@ -1,5 +1,5 @@ - \ No newline at end of file + + diff --git a/src/stores.ts b/src/stores.ts index af95251..8e8333d 100644 --- a/src/stores.ts +++ b/src/stores.ts @@ -3,4 +3,4 @@ import type { Writable } from 'svelte/store' import { loadTheme } from '$lib/theme' import type { Theme } from '$lib/theme' -export const theme: Writable = writable(loadTheme()) \ No newline at end of file +export const theme: Writable = writable(loadTheme()) diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 25ecb56..daf39a1 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -13,22 +13,24 @@ module.exports = { neutral: "#282828", "base-content": "#ffffff", "base-100": "#111111", - "--rounded-box": "2px", - "--rounded-btn": "2px", + "--rounded-box": "16px", + "--rounded-btn": "8px", "--rounded-badge": "2px", - "--tab-radius": "2px" + "--tab-radius": "2px", + "--btn-text-case": "normal-case" }, - light : { - primary: "#43919b", + light: { + primary: "#407FF3", secondary: "#30aadd", accent: "#00ffc6", neutral: "#e5e5e5", "base-content": "#000000", "base-100": "#ffffff", - "--rounded-box": "2px", - "--rounded-btn": "2px", + "--rounded-box": "16px", + "--rounded-btn": "8px", "--rounded-badge": "2px", - "--tab-radius": "2px" + "--tab-radius": "2px", + "--btn-text-case": "normal-case" }, }, ], diff --git a/tsconfig.json b/tsconfig.json index fa781f6..6971200 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -25,7 +25,7 @@ "paths": { "$components/*": ["src/components/*"], "$lib/*": ["src/lib/*"], - "$static/*": ["static/*"], + "$static/*": ["static/*"] } }, "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"] diff --git a/vite.config.ts b/vite.config.ts index 883faed..e73346c 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -3,13 +3,13 @@ import { resolve } from 'path' /** @type {import('vite').UserConfig} */ const config = { - plugins: [sveltekit()], + plugins: [sveltekit()], resolve: { alias: { $components: resolve('./src/components'), $static: resolve('./static') } - }, + } } export default config