Hugging Face's logo

Spaces:
mr601s
/
BullishMinds_AI_Landing
Running

App Files Community
mr601s commited on
Commit
406c640
·
verified ·
1 Parent(s): d672383

Create index.html

Browse files
Files changed (1) hide show
  1. index.html +206 -17
index.html CHANGED
@@ -1,19 +1,208 @@
1
  <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </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" />
6
+ <title>Bullish Minds AI — Learn Personal Finance</title>
7
+ <meta name="description" content="AI-powered, teacher-friendly personal finance lessons aligned to Virginia EPF. Fast to start, safe by design." />
8
+ <meta property="og:title" content="Bullish Minds AI" />
9
+ <meta property="og:description" content="AI-powered, teacher-friendly personal finance lessons aligned to Virginia EPF." />
10
+ <meta property="og:type" content="website" />
11
+ <meta name="theme-color" content="#0e7490" />
12
+ <link rel="icon" href="favicon.ico" />
13
+ <style>
14
+ :root{
15
+ --bg: #0b1220;
16
+ --card: #0f172a;
17
+ --muted: #94a3b8;
18
+ --text: #e2e8f0;
19
+ --accent: #06b6d4; /* teal-400 */
20
+ --accent-2: #22d3ee; /* cyan-400 */
21
+ --ring: rgba(34,211,238,.35);
22
+ --shadow: rgba(2,6,23,.6);
23
+ }
24
+ html,body{margin:0;padding:0;background:linear-gradient(180deg,#0b1220 0%,#0b1220 60%,#0a0f1a 100%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;}
25
+ a{color:var(--accent-2);text-decoration:none}
26
+ a:hover{text-decoration:underline}
27
+ .container{max-width:1100px;margin:0 auto;padding:24px}
28
+ .nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
29
+ .brand{display:flex;align-items:center;gap:12px}
30
+ .brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 6px 18px var(--shadow);object-fit:contain;background:white}
31
+ .brand .name{font-weight:700;letter-spacing:.2px}
32
+ .nav a{margin-left:18px;color:var(--text);opacity:.9}
33
+ .nav a.cta{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#003341;padding:10px 14px;border-radius:12px;font-weight:700;box-shadow:0 10px 22px rgba(6,182,212,.25);}
34
+ .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:36px 0 18px}
35
+ .hero h1{font-size: clamp(28px, 5vw, 44px);line-height:1.1;margin:0 0 12px}
36
+ .eyebrow{display:inline-block;background:rgba(34,211,238,.12);color:#a5f3fc;border:1px solid rgba(34,211,238,.35);padding:6px 10px;border-radius:999px;font-size:12px;margin-bottom:10px}
37
+ .hero p{color:var(--muted);font-size:18px;margin:0 0 22px}
38
+ .btns{display:flex;gap:12px;flex-wrap:wrap}
39
+ .btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:12px 16px;border:1px solid rgba(148,163,184,.15);color:var(--text);background:#0b1220;box-shadow:0 10px 26px rgba(2,6,23,.3)}
40
+ .btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#002a34;border-color:transparent;font-weight:800}
41
+ .btn:hover{transform:translateY(-1px);}
42
+ .hero-card{background:radial-gradient(1200px 500px at 10% -10%, rgba(34,211,238,.18), transparent 50%),var(--card);border:1px solid rgba(148,163,184,.12);border-radius:20px;box-shadow:0 30px 60px rgba(2,6,23,.45);padding:22px}
43
+ .hero-card img{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.15);background:white}
44
+ .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
45
+ .card{background:var(--card);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:18px;box-shadow:0 20px 40px rgba(2,6,23,.45)}
46
+ .card h3{margin:0 0 6px;font-size:18px}
47
+ .muted{color:var(--muted)}
48
+ .section{padding:36px 0}
49
+ .kbd{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;background:rgba(148,163,184,.15);padding:0 6px;border-radius:6px;border:1px solid rgba(148,163,184,.25)}
50
+ details{background:var(--card);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:16px}
51
+ details>summary{cursor:pointer;font-weight:700}
52
+ .footer{border-top:1px solid rgba(148,163,184,.12);padding:20px 0;color:var(--muted);font-size:14px}
53
+ .legal{font-size:12px;color:#8aa0b8}
54
+ @media (max-width: 900px){.hero{grid-template-columns:1fr}.hero-card{order:-1}}
55
+ </style>
56
+ </head>
57
+ <body>
58
+ <header>
59
+ <div class="container nav" role="navigation" aria-label="Main Navigation">
60
+ <div class="brand">
61
+ <img src="logo.png" alt="Bullish Minds AI logo" />
62
+ <div class="name">Bullish Minds AI<span style="opacity:.7">™</span></div>
63
+ </div>
64
+ <nav>
65
+ <a href="#features">Features</a>
66
+ <a href="#trust">Trust</a>
67
+ <a href="#contact">Contact</a>
68
+ <a class="cta" href="https://huggingface.co/spaces/mr601s/BullishMindsAI-livedemo">Start Learning</a>
69
+ </nav>
70
+ </div>
71
+ </header>
72
+
73
+ <main>
74
+ <section class="container hero" aria-labelledby="hero-title">
75
+ <div>
76
+ <div class="eyebrow">Aligned to Virginia EPF • Teacher‑friendly • Student‑ready</div>
77
+ <h1 id="hero-title">Learn Personal Finance with AI—safe, engaging, and fast to start</h1>
78
+ <p>Bring <strong>Bullish Minds AI</strong> into your classroom in minutes. Teacher‑controlled lessons with quick checks, rural SWVA/NETN context, and a clear path to mastery.</p>
79
+ <div class="btns">
80
+ <a class="btn primary" href="https://huggingface.co/spaces/mr601s/BullishMindsAI-livedemo" aria-label="Start Learning">
81
+ <span>▶</span> Start Learning
82
+ </a>
83
+ <a class="btn" href="mailto:hello@bullishminds.ai?subject=Pilot%20Request%20—%20Bullish%20Minds%20AI" aria-label="Request a pilot by email">Request a Pilot</a>
84
+ <a class="btn" href="#trust" aria-label="Read our Trust & Privacy details">Trust & Privacy</a>
85
+ </div>
86
+ </div>
87
+ <div class="hero-card" aria-hidden="true">
88
+ <img src="hero-preview.png" alt="App preview (placeholder)" />
89
+ <div class="muted" style="margin-top:8px;font-size:12px">Add a screenshot of your demo as <span class="kbd">hero-preview.png</span></div>
90
+ </div>
91
+ </section>
92
+
93
+ <section id="features" class="container section" aria-labelledby="features-title">
94
+ <h2 id="features-title">Why teachers choose Bullish Minds AI</h2>
95
+ <div class="grid" style="margin-top:12px">
96
+ <div class="card">
97
+ <h3>Time‑to‑value &lt; 15 min</h3>
98
+ <p class="muted">Open the demo and teach your first lesson. No SIS integration required for pilots.</p>
99
+ </div>
100
+ <div class="card">
101
+ <h3>Aligned & measurable</h3>
102
+ <p class="muted">Built for Virginia EPF; quick‑check pass rates and time‑on‑task reinforce learning goals.</p>
103
+ </div>
104
+ <div class="card">
105
+ <h3>Trust by design</h3>
106
+ <p class="muted">Pseudonymous by default, export/delete controls, and a clear FERPA/COPPA stance.</p>
107
+ </div>
108
+ </div>
109
+ </section>
110
+
111
+ <section class="container section" aria-labelledby="cta-title">
112
+ <h2 id="cta-title">Get started in one click</h2>
113
+ <p class="muted">Use the live demo now or book a 20‑minute onboarding. Your first pilot can start this week.</p>
114
+ <div class="btns" style="margin-top:8px">
115
+ <a class="btn primary" href="https://huggingface.co/spaces/mr601s/BullishMindsAI-livedemo">Start Learning</a>
116
+ <a class="btn" href="mailto:hello@bullishminds.ai?subject=Onboarding%20Request">Book Onboarding</a>
117
+ </div>
118
+ </section>
119
+
120
+ <section id="trust" class="container section" aria-labelledby="trust-title">
121
+ <h2 id="trust-title">Privacy, Safety & Responsible AI</h2>
122
+ <p class="muted">We minimize data, give teachers control, and publish how the system works. Highlights below—expand for details.</p>
123
+
124
+ <div class="grid" style="margin-top:12px">
125
+ <div class="card">
126
+ <h3>Plain‑English Summary</h3>
127
+ <p class="muted">No student PII required in demo. Pseudonymous IDs, export/delete controls, no ads. Encryption in transit.</p>
128
+ </div>
129
+ <div class="card">
130
+ <h3>Compliance</h3>
131
+ <p class="muted">Supports FERPA, COPPA (with school/parental consent), and PPRA. District DPAs available.</p>
132
+ </div>
133
+ <div class="card">
134
+ <h3>Model Card</h3>
135
+ <p class="muted">Intended for EPF learning support; not for high‑stakes grading. Age‑appropriate guardrails in place.</p>
136
+ </div>
137
+ </div>
138
+
139
+ <div style="margin-top:16px;display:grid;gap:12px">
140
+ <details>
141
+ <summary>Full Trust Pack (expand)</summary>
142
+ <div style="margin-top:12px;display:grid;gap:10px">
143
+ <h3>1) Trust Principles</h3>
144
+ <ul>
145
+ <li>Minimal data: pseudonymous by default</li>
146
+ <li>Transparency: plain‑language disclosures</li>
147
+ <li>Control: teacher export/delete</li>
148
+ <li>Security: TLS; least‑privilege access</li>
149
+ <li>Compliance by design: FERPA/COPPA/PPRA support</li>
150
+ </ul>
151
+ <h3>2) Data Inventory (demo mode)</h3>
152
+ <ul>
153
+ <li>StudentID (pseudonymous), ClassID, LessonID, responses, time‑on‑task</li>
154
+ <li>No names/emails/addresses/photos collected by default</li>
155
+ </ul>
156
+ <h3>3) Data Flow</h3>
157
+ <pre style="white-space:pre-wrap;background:#0a1222;padding:10px;border-radius:10px;border:1px solid rgba(148,163,184,.2)">[Student Browser] --TLS--> [Hosting/Inference] --in‑memory--> [Lesson Output]
158
+ | (optional export by teacher)
159
+ v
160
+ [CSV/JSON local export]</pre>
161
+ <h3>4) Security</h3>
162
+ <ul>
163
+ <li>Encryption in transit; encrypted backups in pilots</li>
164
+ <li>Role‑based access; vendor risk reviews</li>
165
+ <li>Incident response with timely notification</li>
166
+ </ul>
167
+ <h3>5) Model Card (excerpt)</h3>
168
+ <ul>
169
+ <li>Intended use: EPF learning support</li>
170
+ <li>Out‑of‑scope: high‑stakes grading; sensitive PII</li>
171
+ <li>Safety: age‑appropriate filtering, misuse refusals</li>
172
+ <li>Evaluation signals: ≥70% quick‑check pass; ≥8 min median session</li>
173
+ </ul>
174
+ <p class="muted">For the full policy and templates (DPA, consent), email <a href="mailto:privacy@bullishminds.ai">privacy@bullishminds.ai</a>.</p>
175
+ </div>
176
+ </details>
177
+ </div>
178
+ </section>
179
+
180
+ <section id="contact" class="container section" aria-labelledby="contact-title">
181
+ <h2 id="contact-title">Contact</h2>
182
+ <p class="muted">Questions, pilots, or partnerships:</p>
183
+ <ul>
184
+ <li>Email: <a href="mailto:hello@bullishminds.ai">hello@bullishminds.ai</a></li>
185
+ <li>Privacy/Security: <a href="mailto:privacy@bullishminds.ai">privacy@bullishminds.ai</a> • <a href="mailto:security@bullishminds.ai">security@bullishminds.ai</a></li>
186
+ </ul>
187
+ </section>
188
+ </main>
189
+
190
+ <footer class="container footer">
191
+ <div style="display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between">
192
+ <div>© 2025 Bullish Minds AI. All rights reserved.</div>
193
+ <div class="legal">“Bullish Minds AI” and the bull logo are trademarks of Bullish Minds AI, LLC. All product names, logos, and brands are property of their respective owners.</div>
194
+ </div>
195
+ </footer>
196
+
197
+ <script>
198
+ // Optional: smooth scroll for anchor links
199
+ document.querySelectorAll('a[href^="#"]').forEach(a=>{
200
+ a.addEventListener('click', e=>{
201
+ const id=a.getAttribute('href').slice(1);
202
+ const el=document.getElementById(id);
203
+ if(el){e.preventDefault(); el.scrollIntoView({behavior:'smooth', block:'start'});}
204
+ });
205
+ });
206
+ </script>
207
+ </body>
208
  </html>