diff --git a/frontend/index.html b/frontend/index.html
index b6c5f0a..08d3c0b 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,12 +2,11 @@
-
+
- Vite + Svelte + TS
+ Everest Stream UI
-
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 44354ca..a3a3005 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -7,6 +7,9 @@
"": {
"name": "frontend",
"version": "0.0.0",
+ "dependencies": {
+ "@picocss/pico": "^1.5.10"
+ },
"devDependencies": {
"@sveltejs/vite-plugin-svelte": "^2.4.2",
"@tsconfig/svelte": "^5.0.0",
@@ -465,6 +468,11 @@
"node": ">= 8"
}
},
+ "node_modules/@picocss/pico": {
+ "version": "1.5.10",
+ "resolved": "https://registry.npmjs.org/@picocss/pico/-/pico-1.5.10.tgz",
+ "integrity": "sha512-+LafMsrwPxXQMk6sI///TmSInCwwZmq+K7SikyL3N/4GhhwzyPC+TQLUEqmrLyjluR+uIpFFcqjty30Rtr6GxQ=="
+ },
"node_modules/@sveltejs/vite-plugin-svelte": {
"version": "2.4.6",
"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index eff84fb..297f7a5 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,5 +17,8 @@
"tslib": "^2.6.0",
"typescript": "^5.0.2",
"vite": "^4.4.5"
+ },
+ "dependencies": {
+ "@picocss/pico": "^1.5.10"
}
}
diff --git a/frontend/public/mountain.png b/frontend/public/mountain.png
new file mode 100644
index 0000000..aff5de0
Binary files /dev/null and b/frontend/public/mountain.png differ
diff --git a/frontend/public/vite.svg b/frontend/public/vite.svg
deleted file mode 100644
index e7b8dfb..0000000
--- a/frontend/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index e8b590f..339f608 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -1,47 +1,43 @@
-
-
- Vite + Svelte
-
-
-
-
-
-
- Check out SvelteKit, the official Svelte app framework powered by Vite!
-
-
-
- Click on the Vite and Svelte logos to learn more
-
+
+
+
+ {JSON.stringify(user)}
+
-
diff --git a/frontend/src/app.css b/frontend/src/app.css
deleted file mode 100644
index b87aec7..0000000
--- a/frontend/src/app.css
+++ /dev/null
@@ -1,80 +0,0 @@
-:root {
- font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
- line-height: 1.5;
- font-weight: 400;
-
- color-scheme: light dark;
- color: rgba(255, 255, 255, 0.87);
- background-color: #242424;
-
- font-synthesis: none;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -webkit-text-size-adjust: 100%;
-}
-
-a {
- font-weight: 500;
- color: #646cff;
- text-decoration: inherit;
-}
-a:hover {
- color: #535bf2;
-}
-
-body {
- margin: 0;
- display: flex;
- place-items: center;
- min-width: 320px;
- min-height: 100vh;
-}
-
-h1 {
- font-size: 3.2em;
- line-height: 1.1;
-}
-
-.card {
- padding: 2em;
-}
-
-#app {
- max-width: 1280px;
- margin: 0 auto;
- padding: 2rem;
- text-align: center;
-}
-
-button {
- border-radius: 8px;
- border: 1px solid transparent;
- padding: 0.6em 1.2em;
- font-size: 1em;
- font-weight: 500;
- font-family: inherit;
- background-color: #1a1a1a;
- cursor: pointer;
- transition: border-color 0.25s;
-}
-button:hover {
- border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
- outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
- :root {
- color: #213547;
- background-color: #ffffff;
- }
- a:hover {
- color: #747bff;
- }
- button {
- background-color: #f9f9f9;
- }
-}
diff --git a/frontend/src/assets/svelte.svg b/frontend/src/assets/svelte.svg
deleted file mode 100644
index c5e0848..0000000
--- a/frontend/src/assets/svelte.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/frontend/src/lib/Counter.svelte b/frontend/src/lib/Counter.svelte
deleted file mode 100644
index 979b4df..0000000
--- a/frontend/src/lib/Counter.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 8a909a1..37ced6c 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,8 +1,8 @@
-import './app.css'
+import "@picocss/pico/css/pico.css"
import App from './App.svelte'
const app = new App({
- target: document.getElementById('app'),
+ target: document.body,
})
export default app