chore: Install frontend dependencies and generate build assets.

This commit is contained in:
2026-03-02 19:21:28 -05:00
parent 3d1d968696
commit e541ab94a4
12 changed files with 1640 additions and 0 deletions

View File

@@ -0,0 +1,67 @@
<script>
let title = 'Calendink Provider';
let subtitle = 'ESP32-S3 System Dashboard';
</script>
<main>
<div class="card">
<h1>{title}</h1>
<p class="subtitle">{subtitle}</p>
<div class="status">
<span class="dot"></span>
<span>Hello World — Frontend is running!</span>
</div>
</div>
</main>
<style>
main {
width: 100%;
}
.card {
background-color: var(--bg-card);
border: 1px solid var(--border);
border-radius: 0.75rem;
padding: 2rem;
text-align: center;
}
h1 {
font-size: 1.75rem;
font-weight: 700;
color: var(--accent);
margin-bottom: 0.5rem;
}
.subtitle {
color: var(--text-secondary);
font-size: 0.9rem;
margin-bottom: 1.5rem;
}
.status {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: rgba(56, 189, 248, 0.1);
border: 1px solid rgba(56, 189, 248, 0.2);
border-radius: 9999px;
padding: 0.5rem 1rem;
font-size: 0.85rem;
color: var(--accent);
}
.dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #22c55e;
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}
</style>

View File

@@ -0,0 +1,31 @@
:root {
--bg-primary: #0f172a;
--bg-card: #1e293b;
--text-primary: #f1f5f9;
--text-secondary: #94a3b8;
--accent: #38bdf8;
--accent-hover: #7dd3fc;
--border: #334155;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: system-ui, -apple-system, sans-serif;
background-color: var(--bg-primary);
color: var(--text-primary);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
#app {
width: 100%;
max-width: 640px;
padding: 1rem;
}

View File

@@ -0,0 +1,9 @@
import { mount } from 'svelte'
import './app.css'
import App from './App.svelte'
const app = mount(App, {
target: document.getElementById('app'),
})
export default app