Coach-Core-MVP-/index.html at main · DigitalBlueprint239/Coach-Core-MVP- · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="theme-color" content="#020617" />
    <meta name="description" content="Coach Core - Smart Playbook" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <title>Coach Core MVP</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
      :root {
        /* Coach Core Brand Palette - Neon Aqua & Violet */
        --cc-brand-primary: #22D3EE;   /* Neon Aqua */
        --cc-brand-secondary: #38E0FF; /* Bright Cyan Glow */
        --cc-brand-accent: #A855F7;    /* Electric Violet */

        /* Semantic Mappings */
        --cc-offense: var(--cc-brand-primary);
        --cc-defense: #F97316;  /* High contrast orange for defense */
        --cc-special: #FACC15;

        /* Surface & UI Colors */
        --cc-surface-1: #020617; /* Deepest Navy/Black */
        --cc-surface-2: #0F172A; /* Panel Background (Slate-900ish) */
        --cc-surface-3: #1E293B; /* Cards / Toolbars */
        --cc-border-subtle: #334155;

        /* Text Colors */
        --cc-text-primary: #F8FAFC;
        --cc-text-secondary: #94A3B8;
      }

      body {
        margin: 0;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        background-color: var(--cc-surface-1);
        color: var(--cc-text-primary);
        overscroll-behavior-y: contain;
      }

      /* Custom scrollbar for webkit */
      ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }
      ::-webkit-scrollbar-track {
        background: transparent;
      }
      ::-webkit-scrollbar-thumb {
        background: var(--cc-border-subtle);
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: var(--cc-text-secondary);
      }
    </style>
  <script type="importmap">
{
  "imports": {
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.1/",
    "react/": "https://aistudiocdn.com/react@^19.2.1/",
    "react": "https://aistudiocdn.com/react@^19.2.1",
    "konva": "https://aistudiocdn.com/konva@9.3.16",
    "react-konva": "https://aistudiocdn.com/react-konva@^19.2.1",
    "pixi.js": "https://aistudiocdn.com/pixi.js@7.3.2/dist/pixi.min.mjs",
    "gsap": "https://aistudiocdn.com/gsap@3.12.5/index.js",
    "gsap/MotionPathPlugin": "https://aistudiocdn.com/gsap@3.12.5/MotionPathPlugin.js",
    "gsap/": "https://esm.sh/gsap@^3.14.1/",
    "konva/": "https://esm.sh/konva@^10.0.12/",
    "@google/genai": "https://esm.sh/@google/genai@^1.34.0",
    "immer": "https://esm.sh/immer@^11.1.3"
  }
}
</script>
</head>
  <body>
    <div id="root"></div>
    <script type="module" src="/index.tsx"></script>
  </body>
</html>