T005-T006

2025-09-18 10:04:43 -06:00
parent 8e82274d30
commit 28f8907259
16 changed files with 2748 additions and 2 deletions
--- a/apps/web/src/app.css
+++ b/apps/web/src/app.css
@@ -0,0 +1,42 @@
+:root {
+  --bg: #0b0b10;
+  --fg: #e5e7eb;
+  --muted: #9ca3af;
+  color-scheme: dark;
+}
+
+html, body, #svelte {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+  background: var(--bg);
+  color: var(--fg);
+}
+
+a { color: inherit; }
+
+.container {
+  max-width: 960px;
+  padding: 1rem;
+  margin: 0 auto;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 6px;
+}
+
+.tile {
+  aspect-ratio: 1 / 1;
+  border-radius: 6px;
+  background: #111827;
+  box-shadow: 0 0 10px rgba(56, 189, 248, 0.15) inset;
+}
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
--- a/apps/web/src/app.d.ts
+++ b/apps/web/src/app.d.ts
@@ -0,0 +1,11 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+  namespace App {
+    // interface Error {}
+    // interface Locals {}
+    // interface PageData {}
+    // interface Platform {}
+  }
+}
+export {};
--- a/apps/web/src/app.html
+++ b/apps/web/src/app.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    %sveltekit.head%
+  </head>
+  <body data-sveltekit-preload-data="hover">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
+  </html>
--- a/apps/web/src/routes/+layout.svelte
+++ b/apps/web/src/routes/+layout.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import '../app.css';
+</script>
+
+<svelte:head>
+  <link rel="manifest" href="/manifest.webmanifest" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#0b0b10" />
+  <title>GlowTrack</title>
+</svelte:head>
+
+<div class="min-h-dvh bg-zinc-950 text-zinc-100">
+  <slot />
+</div>
--- a/apps/web/src/routes/+page.svelte
+++ b/apps/web/src/routes/+page.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  const days = Array.from({ length: 35 });
+</script>
+
+<main class="container">
+  <h1>GlowTrack</h1>
+  <p class="muted">Mood & Habit wellbeing grid — SvelteKit scaffold.</p>
+  <section class="grid" aria-label="demo grid">
+    {#each days as _, i}
+      <div class="tile" aria-label={`day ${i + 1}`} />
+    {/each}
+  </section>
+</main>