Hugging Face's logo

Spaces:
arshenoy
/
somAI
Runtime error

App Files Community
arshenoy commited on
Commit
d56cbc9
·
verified ·
1 Parent(s): 5169bc3

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +111 -107
index.html CHANGED
@@ -1,114 +1,118 @@
1
  <!DOCTYPE html>
2
  <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>SomAI - Patient Education Companion</title>
7
- <script src="https://cdn.tailwindcss.com"></script>
8
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
9
- <script>
10
- tailwind.config = {
11
- theme: {
12
- extend: {
13
- fontFamily: {
14
- sans: ['Inter', 'sans-serif'],
15
- mono: ['JetBrains Mono', 'monospace'],
16
- },
17
- colors: {
18
- neon: {
19
- green: '#00ff80',
20
- yellow: '#ffc300',
21
- red: '#ff3300',
22
- blue: '#00ccff',
23
- bg: '#050505',
24
- panel: 'rgba(255, 255, 255, 0.03)',
25
- border: 'rgba(255, 255, 255, 0.1)',
26
- }
27
- },
28
- animation: {
29
- 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
30
- }
31
- }
32
- }
33
- }
34
- </script>
35
- <style>
36
- body {
37
- background-color: #050505;
38
- background-image: radial-gradient(circle at 50% 50%, #1a1a1a 0%, #000000 100%);
39
- color: white;
40
- font-family: 'Inter', sans-serif;
41
- }
42
- .glass-panel {
43
- background: rgba(10, 10, 10, 0.6);
44
- backdrop-filter: blur(16px);
45
- -webkit-backdrop-filter: blur(16px);
46
- border: 1px solid rgba(255, 255, 255, 0.08);
47
- }
48
- .glass-card {
49
- background: rgba(255, 255, 255, 0.03);
50
- border: 1px solid rgba(255, 255, 255, 0.05);
51
- transition: all 0.2s ease;
52
- }
53
- .glass-card:hover {
54
- background: rgba(255, 255, 255, 0.05);
55
- border-color: rgba(255, 255, 255, 0.1);
56
- }
57
- /* Print Logic Configuration */
58
- #printable-root {
59
- position: absolute;
60
- top: 0;
61
- left: 0;
62
- width: 0;
63
- height: 0;
64
- overflow: hidden;
65
- visibility: hidden;
66
- }
67
- @media print {
68
- @page { size: auto; margin: 10mm; }
69
-
70
- body {
71
- background: white !important;
72
- color: black !important;
73
- overflow: visible !important;
74
- }
75
-
76
- #root {
77
- display: none !important;
78
- }
79
- #printable-root {
80
- position: relative !important;
81
- width: 100% !important;
82
- height: auto !important;
83
- overflow: visible !important;
84
- visibility: visible !important;
85
- display: block !important;
86
- z-index: 9999;
87
- }
88
-
89
- /* Ensure background colors print */
90
- * {
91
- -webkit-print-color-adjust: exact !important;
92
- print-color-adjust: exact !important;
93
- }
94
- }
95
- </style>
96
- <script type="importmap">
 
 
 
97
  {
98
- "imports": {
99
- "react": "https://aistudiocdn.com/react@^19.2.0",
100
- "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
101
- "react/": "https://aistudiocdn.com/react@^19.2.0/",
102
- "@google/genai": "https://aistudiocdn.com/@google/genai@^1.30.0",
103
- "recharts": "https://aistudiocdn.com/recharts@^3.5.1",
104
- "lucide-react": "https://aistudiocdn.com/lucide-react@^0.555.0",
105
- "react-dom": "https://aistudiocdn.com/react-dom@^19.2.0"
106
- }
107
  }
108
  </script>
109
  </head>
110
- <body>
111
- <div id="root"></div>
112
- <div id="printable-root"></div>
113
- </body>
 
114
  </html>
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>SomAI - Patient Education Companion</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ fontFamily: {
14
+ sans: ['Inter', 'sans-serif'],
15
+ mono: ['JetBrains Mono', 'monospace'],
16
+ },
17
+ colors: {
18
+ neon: {
19
+ green: '#00ff80',
20
+ yellow: '#ffc300',
21
+ red: '#ff3300',
22
+ blue: '#00ccff',
23
+ bg: '#050505',
24
+ panel: 'rgba(255, 255, 255, 0.03)',
25
+ border: 'rgba(255, 255, 255, 0.1)',
26
+ }
27
+ },
28
+ animation: {
29
+ 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
30
+ }
31
+ }
32
+ }
33
+ }
34
+ </script>
35
+ <style>
36
+ body {
37
+ background-color: #050505;
38
+ background-image: radial-gradient(circle at 50% 50%, #1a1a1a 0%, #000000 100%);
39
+ color: white;
40
+ font-family: 'Inter', sans-serif;
41
+ }
42
+ .glass-panel {
43
+ background: rgba(10, 10, 10, 0.6);
44
+ backdrop-filter: blur(16px);
45
+ -webkit-backdrop-filter: blur(16px);
46
+ border: 1px solid rgba(255, 255, 255, 0.08);
47
+ }
48
+ .glass-card {
49
+ background: rgba(255, 255, 255, 0.03);
50
+ border: 1px solid rgba(255, 255, 255, 0.05);
51
+ transition: all 0.2s ease;
52
+ }
53
+ .glass-card:hover {
54
+ background: rgba(255, 255, 255, 0.05);
55
+ border-color: rgba(255, 255, 255, 0.1);
56
+ }
57
+
58
+ /* Print Logic Configuration */
59
+ #printable-root {
60
+ position: absolute;
61
+ top: 0;
62
+ left: 0;
63
+ width: 0;
64
+ height: 0;
65
+ overflow: hidden;
66
+ visibility: hidden;
67
+ }
68
+
69
+ @media print {
70
+ @page { size: auto; margin: 10mm; }
71
+
72
+ body {
73
+ background: white !important;
74
+ color: black !important;
75
+ overflow: visible !important;
76
+ }
77
+
78
+ #root {
79
+ display: none !important;
80
+ }
81
+
82
+ #printable-root {
83
+ position: relative !important;
84
+ width: 100% !important;
85
+ height: auto !important;
86
+ overflow: visible !important;
87
+ visibility: visible !important;
88
+ display: block !important;
89
+ z-index: 9999;
90
+ }
91
+
92
+ /* Ensure background colors print */
93
+ * {
94
+ -webkit-print-color-adjust: exact !important;
95
+ print-color-adjust: exact !important;
96
+ }
97
+ }
98
+ </style>
99
+ <script type="importmap">
100
  {
101
+ "imports": {
102
+ "@google/genai": "https://aistudiocdn.com/@google/genai@^1.30.0",
103
+ "lucide-react": "https://aistudiocdn.com/lucide-react@^0.555.0",
104
+ "react-dom": "https://aistudiocdn.com/react-dom@^19.2.0",
105
+ "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
106
+ "recharts": "https://aistudiocdn.com/recharts@^3.5.1",
107
+ "react/": "https://aistudiocdn.com/react@^19.2.0/",
108
+ "react": "https://aistudiocdn.com/react@^19.2.0"
109
+ }
110
  }
111
  </script>
112
  </head>
113
+ <body>
114
+ <div id="root"></div>
115
+ <div id="printable-root"></div>
116
+ <script type="module" src="/index.tsx"></script>
117
+ </body>
118
  </html>