VyLala commited on
Commit
23c8777
·
verified ·
1 Parent(s): 99f8558

Update better_offer.html

Browse files
Files changed (1) hide show
  1. better_offer.html +201 -201
better_offer.html CHANGED
@@ -1,201 +1,201 @@
1
- <div id="classifier-page">
2
- <style>
3
- /* Force light mode inside this block only */
4
- #classifier-page {
5
- background: #ffffff !important;
6
- color: #0f172a !important;
7
- font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
8
-
9
- max-width: 900px !important;
10
- margin: 24px auto !important;
11
- padding: 28px 20px !important;
12
- border-radius: 12px !important;
13
- box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
14
- }
15
-
16
- /* All text dark */
17
- #classifier-page * {
18
- color: #0f172a !important;
19
- }
20
-
21
- /* Pills */
22
- #classifier-page .pill {
23
- display: inline-block !important;
24
- padding: 6px 10px !important;
25
- border-radius: 999px !important;
26
- font-size: 12px !important;
27
- font-weight: 500 !important;
28
- margin: 2px !important;
29
- }
30
- #classifier-page .pill-blue { background:#eef2ff !important; color:#3730a3 !important; }
31
- #classifier-page .pill-cyan { background:#ecfeff !important; color:#155e75 !important; }
32
- #classifier-page .pill-green { background:#f0fdf4 !important; color:#166534 !important; }
33
- #classifier-page .pill-orange { background:#fff7ed !important; color:#9a3412 !important; }
34
-
35
- /* Explicitly restore button background overrides */
36
- #classifier-page a {
37
- text-decoration: none !important;
38
- }
39
- #classifier-page a[href*="mtDNALocation"] {
40
- background: #111827 !important; /* black */
41
- color: #ffffff !important; /* white text */
42
- text-decoration: none !important;
43
- padding: 12px 16px !important;
44
- border-radius: 10px !important;
45
- font-weight: 600 !important;
46
- display: inline-block !important;
47
- }
48
-
49
-
50
- </style>
51
- <!-- Header -->
52
- <h1 style="margin:0 0 8px; font-size:32px;">mtDNA Location Classifier</h1>
53
- <p style="margin:0 0 16px; font-size:18px; color:#334155;">
54
- <strong>AI + Human Intelligence, working together.</strong><br>
55
- The tool suggests structured labels fast — you decide which ones to trust and refine.
56
- </p>
57
-
58
- <!-- Badges -->
59
- <div style="display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 24px;">
60
- <span class="pill pill-blue">84% country accuracy (n=4,934)</span>
61
- <span class="pill pill-cyan">92% modern/ancient accuracy (n=4,934)</span>
62
- <span class="pill pill-green">Source-backed explanations</span>
63
- <span class="pill pill-orange">Report → free credit</span>
64
- </div>
65
-
66
- <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
67
-
68
- <!-- Purpose -->
69
- <h2 style="margin:0 0 8px; font-size:22px;">Purpose</h2>
70
- <p style="margin:0 0 12px;">
71
- Make biological data <strong>reusable</strong> by labeling it better.
72
- <br><br>
73
- Many GenBank / NCBI samples have <strong>incomplete/missing metadata</strong> (country, sample type, optional ethnicity/specific location).
74
- This tool helps researchers generate <strong>clean, structured labels</strong> — ready for papers, datasets, or analysis.
75
- <br><br>
76
- <em>This is not a black-box AI. It’s a partnership between AI speed and human expertise.</em>
77
- </p>
78
-
79
- <!-- What you get -->
80
- <h2 style="margin:24px 0 8px; font-size:22px;">What you get</h2>
81
- <ul style="margin:0 0 12px 18px;">
82
- <li>AI-powered inference from GenBank accession alone.</li>
83
- <li>Country + Sample Type by default; optional labels (e.g. ethnicity &amp; specific location) on request.</li>
84
- <li>Transparent outputs: explanations, citations.</li>
85
- <li>Excel export; batch upload; multi-ID input.</li>
86
- <li><strong>Human-in-the-loop control:</strong> 1-click feedback ensures you decide what counts.</li>
87
- </ul>
88
-
89
- <div style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin:16px 0;">
90
- <strong>Positioning:</strong> This tool is an <em>accelerator</em>, not a replacement.
91
- AI surfaces leads quickly → Human Intelligence validates tricky cases.
92
- </div>
93
-
94
- <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
95
-
96
- <!-- Free tier -->
97
- <h2 style="margin:0 0 8px; font-size:22px;">Free tier</h2>
98
- <ul style="margin:0 0 12px 18px;">
99
- <li><strong>30</strong> free samples (no email).</li>
100
- <li>Add email → <strong>+20</strong> bonus samples (<strong>50 total</strong>) and downloads.</li>
101
- <li>Not satisfied? Click “Report” → that row doesn’t count, and you get a credit back.</li>
102
- </ul>
103
-
104
- <!-- Pricing -->
105
- <h2 style="margin:24px 0 8px; font-size:22px;">Simple pricing</h2>
106
- <table style="width:100%; border-collapse:collapse; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden;">
107
- <thead>
108
- <tr style="background:#f1f5f9;">
109
- <th style="text-align:left; padding:10px; font-weight:600;">Plan</th>
110
- <th style="text-align:left; padding:10px; font-weight:600;">What’s included</th>
111
- <th style="text-align:left; padding:10px; font-weight:600;">Price</th>
112
- </tr>
113
- </thead>
114
- <tbody>
115
- <tr>
116
- <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>Pay-as-you-go (especially for <a href="#edge_cases" style="color:#1d4ed8; text-decoration:underline;">edge cases</a>)</strong></td>
117
- <td style="padding:10px; border-top:1px solid #e2e8f0;">Country + Sample Type, explanations, citations, export, report→credit</td>
118
- <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$0.10 / sample</strong></td>
119
- </tr>
120
- <tr>
121
- <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>Custom labels (optional)</strong></td>
122
- <td style="padding:10px; border-top:1px solid #e2e8f0;">Ethnicity, specific location granularity, phenotype, or bespoke fields</td>
123
- <td style="padding:10px; border-top:1px solid #e2e8f0;">Quote on request</td>
124
- </tr>
125
- <tr style="background:#fcfcff;">
126
- <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong> <a href="#research-supporter" style="color:#1d4ed8; text-decoration:underline;">Research Partner (Supporter) </a></strong></td>
127
- <td style="padding:10px; border-top:1px solid #e2e8f0;">~3,000 samples worth of credits + early access, custom label runs, direct feedback channel, recognition</td>
128
- <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$300 / 3 months</strong></td>
129
- </tr>
130
- </tbody>
131
- </table>
132
-
133
- <p style="margin:10px 0 0; font-size:14px; color:#475569;">
134
- <em>Note:</em> For very small sets that you can easily verify manually, we’ll advise you to skip paid runs.
135
- We optimize for your outcomes, not usage.
136
- </p>
137
-
138
- <!-- Edge case highlight -->
139
- <h2 id="edge_cases" style="margin:24px 0 8px; font-size:22px;">Edge Cases (our specialty)</h2>
140
- <p>
141
- Some samples are especially hard to label because they don’t have a DOI, PubMed ID, or linked article.
142
- Normally these are ignored or left as “unknown.” We call them <strong>edge cases</strong>.
143
- </p>
144
- <ul>
145
- <li>Priced the same as normal runs ($0.10/sample) — no penalty for difficulty</li>
146
- <li>Custom labels (e.g. ethnicity, city/province) can also be applied to edge cases on request</li>
147
- </ul>
148
- <div style="background:#fff7ed; border:1px solid #fed7aa; border-radius:12px; padding:14px; margin:20px 0;">
149
- <strong>Why it matters:</strong> One early researcher tested 4,932 samples and found our predictions
150
- for some <em>edge cases</em> were more accurate than his manual annotations — even when metadata was missing.
151
- </div>
152
-
153
- <hr>
154
-
155
- <h2 id="research-supporter" style="margin:24px 0 8px; font-size:22px;">Research Partner Plan (for early supporters)</h2>
156
- <p>
157
- Designed for researchers running larger studies who want to support ongoing development while staying on budget.
158
- Instead of paying strictly per sample, you can join as a <strong>Research Partner</strong>:
159
- </p>
160
- <ul>
161
- <li><strong>$300 flat contribution</strong> (covers ~3,000 samples at $0.10 each, with flexibility on usage)</li>
162
- <li>Includes early access to new features and custom labels</li>
163
- <li>Direct feedback channel — help shape how the tool evolves</li>
164
- <li>Recognition as an early research supporter</li>
165
- </ul>
166
- <p>
167
- <em>This tier was inspired by our very first paying researcher, who contributed $300 to support
168
- continued development after testing thousands of samples. It’s ideal if you see the potential
169
- and want to support the mission, even if you’re still validating outputs in your workflow.</em>
170
- </p>
171
-
172
- <!-- Who it's for -->
173
- <h2 style="margin:24px 0 8px; font-size:22px;">Best for</h2>
174
- <ul style="margin:0 0 12px 18px;">
175
- <li>Labs cleaning large mtDNA cohorts where manual labeling is slow or inconsistent.</li>
176
- <li>Researchers who want fast leads + citations, then validate edge cases themselves.</li>
177
- <li>Teams that value transparency and iterative improvement.</li>
178
- </ul>
179
-
180
- <!-- CTA -->
181
- <div style="display:flex; gap:12px; flex-wrap:wrap; margin:20px 0;">
182
- <a href="https://huggingface.co/spaces/VyLala/mtDNALocation" target="_blank"
183
- style="background:#111827; color:#fff; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
184
- Try the Classifier
185
- </a>
186
- <a href="mailto:khanhphungvy@gmail.com" target="_blank"
187
- style="background:#e2e8f0; color:#0f172a; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
188
- Bulk / Research Partner request
189
- </a>
190
- </div>
191
-
192
- <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
193
-
194
- <!-- Mission -->
195
- <h2 style="margin:0 0 8px; font-size:22px;">Mission</h2>
196
- <p style="margin:0;">
197
- Rebuild trust in genomic metadata—one mtDNA sample at a time—through transparency, citations, and a tight feedback loop with researchers.
198
- </p>
199
- </div>
200
-
201
-
 
1
+ <div id="classifier-page">
2
+ <style>
3
+ /* Force light mode inside this block only */
4
+ #classifier-page {
5
+ background: #ffffff !important;
6
+ color: #0f172a !important;
7
+ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
8
+
9
+ max-width: 900px !important;
10
+ margin: 24px auto !important;
11
+ padding: 28px 20px !important;
12
+ border-radius: 12px !important;
13
+ box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
14
+ }
15
+
16
+ /* All text dark */
17
+ #classifier-page * {
18
+ color: #0f172a !important;
19
+ }
20
+
21
+ /* Pills */
22
+ #classifier-page .pill {
23
+ display: inline-block !important;
24
+ padding: 6px 10px !important;
25
+ border-radius: 999px !important;
26
+ font-size: 12px !important;
27
+ font-weight: 500 !important;
28
+ margin: 2px !important;
29
+ }
30
+ #classifier-page .pill-blue { background:#eef2ff !important; color:#3730a3 !important; }
31
+ #classifier-page .pill-cyan { background:#ecfeff !important; color:#155e75 !important; }
32
+ #classifier-page .pill-green { background:#f0fdf4 !important; color:#166534 !important; }
33
+ #classifier-page .pill-orange { background:#fff7ed !important; color:#9a3412 !important; }
34
+
35
+ /* Explicitly restore button background overrides */
36
+ #classifier-page a {
37
+ text-decoration: none !important;
38
+ }
39
+ #classifier-page a[href*="mtDNALocation"] {
40
+ background: #111827 !important; /* black */
41
+ color: #ffffff !important; /* white text */
42
+ text-decoration: none !important;
43
+ padding: 12px 16px !important;
44
+ border-radius: 10px !important;
45
+ font-weight: 600 !important;
46
+ display: inline-block !important;
47
+ }
48
+
49
+
50
+ </style>
51
+ <!-- Header -->
52
+ <h1 style="margin:0 0 8px; font-size:32px;">Bio Metadata Audit</h1>
53
+ <p style="margin:0 0 16px; font-size:18px; color:#334155;">
54
+ <strong>AI + Human Intelligence, working together.</strong><br>
55
+ The tool suggests structured labels fast — you decide which ones to trust and refine.
56
+ </p>
57
+
58
+ <!-- Badges -->
59
+ <div style="display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 24px;">
60
+ <span class="pill pill-blue">84% sample location (e.g. country) accuracy (n=4,934)</span>
61
+ <span class="pill pill-cyan">92% sample type (e.g. modern/ancient) accuracy (n=4,934)</span>
62
+ <span class="pill pill-green">Source-backed explanations</span>
63
+ <span class="pill pill-orange">Report → free credit</span>
64
+ </div>
65
+
66
+ <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
67
+
68
+ <!-- Purpose -->
69
+ <h2 style="margin:0 0 8px; font-size:22px;">Purpose</h2>
70
+ <p style="margin:0 0 12px;">
71
+ Make biological data <strong>reusable</strong> by labeling it better.
72
+ <br><br>
73
+ Many GenBank / NCBI samples have <strong>incomplete/missing metadata</strong> (country, sample type, optional ethnicity/specific location).
74
+ This tool helps researchers generate <strong>clean, structured labels</strong> — ready for papers, datasets, or analysis.
75
+ <br><br>
76
+ <em>This is not a black-box AI. It’s a partnership between AI speed and human expertise.</em>
77
+ </p>
78
+
79
+ <!-- What you get -->
80
+ <h2 style="margin:24px 0 8px; font-size:22px;">What you get</h2>
81
+ <ul style="margin:0 0 12px 18px;">
82
+ <li>AI-powered inference from GenBank accession alone.</li>
83
+ <li>Country + Sample Type by default; optional labels (e.g. ethnicity &amp; specific location) on request.</li>
84
+ <li>Transparent outputs: explanations, citations.</li>
85
+ <li>Excel export; batch upload; multi-ID input.</li>
86
+ <li><strong>Human-in-the-loop control:</strong> 1-click feedback ensures you decide what counts.</li>
87
+ </ul>
88
+
89
+ <div style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin:16px 0;">
90
+ <strong>Positioning:</strong> This tool is an <em>accelerator</em>, not a replacement.
91
+ AI surfaces leads quickly → Human Intelligence validates tricky cases.
92
+ </div>
93
+
94
+ <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
95
+
96
+ <!-- Free tier -->
97
+ <h2 style="margin:0 0 8px; font-size:22px;">Free tier</h2>
98
+ <ul style="margin:0 0 12px 18px;">
99
+ <li><strong>30</strong> free samples (no email).</li>
100
+ <li>Add email → <strong>+20</strong> bonus samples (<strong>50 total</strong>) and downloads.</li>
101
+ <li>Not satisfied? Click “Report” → that row doesn’t count, and you get a credit back.</li>
102
+ </ul>
103
+
104
+ <!-- Pricing -->
105
+ <h2 style="margin:24px 0 8px; font-size:22px;">Simple pricing</h2>
106
+ <table style="width:100%; border-collapse:collapse; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden;">
107
+ <thead>
108
+ <tr style="background:#f1f5f9;">
109
+ <th style="text-align:left; padding:10px; font-weight:600;">Plan</th>
110
+ <th style="text-align:left; padding:10px; font-weight:600;">What’s included</th>
111
+ <th style="text-align:left; padding:10px; font-weight:600;">Price</th>
112
+ </tr>
113
+ </thead>
114
+ <tbody>
115
+ <tr>
116
+ <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>Pay-as-you-go (especially for <a href="#edge_cases" style="color:#1d4ed8; text-decoration:underline;">edge cases</a>)</strong></td>
117
+ <td style="padding:10px; border-top:1px solid #e2e8f0;">Country + Sample Type, explanations, citations, export, report→credit</td>
118
+ <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$0.10 / sample</strong></td>
119
+ </tr>
120
+ <tr>
121
+ <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>Custom labels (optional)</strong></td>
122
+ <td style="padding:10px; border-top:1px solid #e2e8f0;">Ethnicity, specific location granularity, phenotype, or bespoke fields</td>
123
+ <td style="padding:10px; border-top:1px solid #e2e8f0;">Quote on request</td>
124
+ </tr>
125
+ <tr style="background:#fcfcff;">
126
+ <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong> <a href="#research-supporter" style="color:#1d4ed8; text-decoration:underline;">Research Partner (Supporter) </a></strong></td>
127
+ <td style="padding:10px; border-top:1px solid #e2e8f0;">~3,000 samples worth of credits + early access, custom label runs, direct feedback channel, recognition</td>
128
+ <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$300 / 3 months</strong></td>
129
+ </tr>
130
+ </tbody>
131
+ </table>
132
+
133
+ <p style="margin:10px 0 0; font-size:14px; color:#475569;">
134
+ <em>Note:</em> For very small sets that you can easily verify manually, we’ll advise you to skip paid runs.
135
+ We optimize for your outcomes, not usage.
136
+ </p>
137
+
138
+ <!-- Edge case highlight -->
139
+ <h2 id="edge_cases" style="margin:24px 0 8px; font-size:22px;">Edge Cases (our specialty)</h2>
140
+ <p>
141
+ Some samples are especially hard to label because they don’t have a DOI, PubMed ID, or linked article.
142
+ Normally these are ignored or left as “unknown.” We call them <strong>edge cases</strong>.
143
+ </p>
144
+ <ul>
145
+ <li>Priced the same as normal runs ($0.10/sample) — no penalty for difficulty</li>
146
+ <li>Custom labels (e.g. ethnicity, city/province) can also be applied to edge cases on request</li>
147
+ </ul>
148
+ <div style="background:#fff7ed; border:1px solid #fed7aa; border-radius:12px; padding:14px; margin:20px 0;">
149
+ <strong>Why it matters:</strong> One early researcher tested 4,932 samples and found our predictions
150
+ for some <em>edge cases</em> were more accurate than his manual annotations — even when metadata was missing.
151
+ </div>
152
+
153
+ <hr>
154
+
155
+ <h2 id="research-supporter" style="margin:24px 0 8px; font-size:22px;">Research Partner Plan (for early supporters)</h2>
156
+ <p>
157
+ Designed for researchers running larger studies who want to support ongoing development while staying on budget.
158
+ Instead of paying strictly per sample, you can join as a <strong>Research Partner</strong>:
159
+ </p>
160
+ <ul>
161
+ <li><strong>$300 flat contribution</strong> (covers ~3,000 samples at $0.10 each, with flexibility on usage)</li>
162
+ <li>Includes early access to new features and custom labels</li>
163
+ <li>Direct feedback channel — help shape how the tool evolves</li>
164
+ <li>Recognition as an early research supporter</li>
165
+ </ul>
166
+ <p>
167
+ <em>This tier was inspired by our very first paying researcher, who contributed $300 to support
168
+ continued development after testing thousands of samples. It’s ideal if you see the potential
169
+ and want to support the mission, even if you’re still validating outputs in your workflow.</em>
170
+ </p>
171
+
172
+ <!-- Who it's for -->
173
+ <h2 style="margin:24px 0 8px; font-size:22px;">Best for</h2>
174
+ <ul style="margin:0 0 12px 18px;">
175
+ <li>Labs cleaning large mtDNA cohorts where manual labeling is slow or inconsistent.</li>
176
+ <li>Researchers who want fast leads + citations, then validate edge cases themselves.</li>
177
+ <li>Teams that value transparency and iterative improvement.</li>
178
+ </ul>
179
+
180
+ <!-- CTA -->
181
+ <div style="display:flex; gap:12px; flex-wrap:wrap; margin:20px 0;">
182
+ <a href="https://huggingface.co/spaces/VyLala/mtDNALocation" target="_blank"
183
+ style="background:#111827; color:#fff; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
184
+ Try the Classifier
185
+ </a>
186
+ <a href="mailto:khanhphungvy@gmail.com" target="_blank"
187
+ style="background:#e2e8f0; color:#0f172a; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
188
+ Bulk / Research Partner request
189
+ </a>
190
+ </div>
191
+
192
+ <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
193
+
194
+ <!-- Mission -->
195
+ <h2 style="margin:0 0 8px; font-size:22px;">Mission</h2>
196
+ <p style="margin:0;">
197
+ Rebuild trust in genomic metadata—one mtDNA sample at a time—through transparency, citations, and a tight feedback loop with researchers.
198
+ </p>
199
+ </div>
200
+
201
+