Spaces:

VyLala
/

mtDNALocation

Running

App Files Files Community

VyLala commited on Aug 25

Commit

6927c07

verified ·

1 Parent(s): 7c24f84

Update better_offer.html

Browse files

Files changed (1) hide show

better_offer.html +139 -138

better_offer.html CHANGED Viewed

@@ -1,16 +1,17 @@
 <html>
   <head>
     <meta name="color-scheme" content="light">
     <style>
-      html, body {
         background: #ffffff !important;
         color: #0f172a !important;
         margin: 0;
         padding: 0;
       }
       * {
-        color-scheme: only light;
       }
       /* Force text color inside your page */
@@ -48,147 +49,147 @@
         The tool suggests structured labels fast — you decide which ones to trust and refine.
       </p>
-    <div style="display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 24px;">
-      <span style="background:#eef2ff; color:#3730a3; padding:6px 10px; border-radius:999px; font-size:12px;">84% country accuracy (n=4,934)</span>
-      <span style="background:#ecfeff; color:#155e75; padding:6px 10px; border-radius:999px; font-size:12px;">92% modern/ancient accuracy (n=4,934)</span>
-      <span style="background:#f0fdf4; color:#166534; padding:6px 10px; border-radius:999px; font-size:12px;">Source-backed explanations</span>
-      <span style="background:#fff7ed; color:#9a3412; padding:6px 10px; border-radius:999px; font-size:12px;">Report → free credit</span>
-    </div>
-    <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
-    <!-- Purpose -->
-    <h2 style="margin:0 0 8px; font-size:22px;">Purpose</h2>
-    <p style="margin:0 0 12px;">
-      Make biological data <strong>reusable</strong> by labeling it better.
-      <br><br>
-      Many GenBank / NCBI samples have <strong>incomplete/missing metadata</strong> (country, sample type, optional ethnicity/specific location).
-      This tool helps researchers generate <strong>clean, structured labels</strong> — ready for papers, datasets, or analysis.
-    <br><br>
-      <em>This is not a black-box AI. It’s a partnership between AI speed and human expertise.</em>
-    </p>
-    <!-- What you get -->
-    <h2 style="margin:24px 0 8px; font-size:22px;">What you get</h2>
-    <ul style="margin:0 0 12px 18px;">
-      <li>AI-powered inference from GenBank accession alone.</li>
-      <li>Country + Sample Type by default; optional labels (e.g. ethnicity &amp; specific location) on request.</li>
-      <li>Transparent outputs: explanations, citations.</li>
-      <li>Excel export; batch upload; multi-ID input.</li>
-      <li><strong>Human-in-the-loop control:</strong> 1-click feedback ensures you decide what counts.</li>
-    </ul>
-    <div style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin:16px 0;">
-        <strong>Positioning:</strong> This tool is an <em>accelerator</em>, not a replacement.
-        AI surfaces leads quickly → Human Intelligence validates tricky cases.
-    </div>
-    <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
-    <!-- Free tier -->
-    <h2 style="margin:0 0 8px; font-size:22px;">Free tier</h2>
-    <ul style="margin:0 0 12px 18px;">
-      <li><strong>30</strong> free samples (no email).</li>
-      <li>Add email → <strong>+20</strong> bonus samples (<strong>50 total</strong>) and downloads.</li>
-      <li>Not satisfied? Click “Report” → that row doesn’t count, and you get a credit back.</li>
-    </ul>
-    <!-- Pricing -->
-    <h2 style="margin:24px 0 8px; font-size:22px;">Simple pricing</h2>
-    <table style="width:100%; border-collapse:collapse; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden;">
-      <thead>
-        <tr style="background:#f1f5f9;">
-          <th style="text-align:left; padding:10px; font-weight:600;">Plan</th>
-          <th style="text-align:left; padding:10px; font-weight:600;">What’s included</th>
-          <th style="text-align:left; padding:10px; font-weight:600;">Price</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <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>
-          <td style="padding:10px; border-top:1px solid #e2e8f0;">Country + Sample Type, explanations, citations, export, report→credit</td>
-          <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$0.10 / sample</strong></td>
-        </tr>
-        <tr>
-          <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>Custom labels (optional)</strong></td>
-          <td style="padding:10px; border-top:1px solid #e2e8f0;">Ethnicity, specific location granularity, phenotype, or bespoke fields</td>
-          <td style="padding:10px; border-top:1px solid #e2e8f0;">Quote on request</td>
-        </tr>
-        <tr style="background:#fcfcff;">
-          <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>
-          <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>
-          <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$300 / 3 months</strong></td>
-        </tr>
-      </tbody>
-    </table>
-    <p style="margin:10px 0 0; font-size:14px; color:#475569;">
-      <em>Note:</em> For very small sets that you can easily verify manually, we’ll advise you to skip paid runs.
-      We optimize for your outcomes, not usage.
-    </p>
-    <!-- Edge case highlight -->
-    <h2 id="edge_cases" style="margin:24px 0 8px; font-size:22px;">Edge Cases (our specialty)</h2>
     <p>
-        Some samples are especially hard to label because they don’t have a DOI, PubMed ID, or linked article.
-        Normally these are ignored or left as “unknown.” We call them <strong>edge cases</strong>.
     </p>
     <ul>
-        <li>Priced the same as normal runs ($0.10/sample) — no penalty for difficulty</li>
-        <li>Custom labels (e.g. ethnicity, city/province) can also be applied to edge cases on request</li>
     </ul>
-    <div style="background:#fff7ed; border:1px solid #fed7aa; border-radius:12px; padding:14px; margin:20px 0;">
-      <strong>Why it matters:</strong> One early researcher tested 4,932 samples and found our predictions
-      for some <em>edge cases</em> were more accurate than his manual annotations — even when metadata was missing.
-    </div>
-  <hr>
-  <h2 id="research-supporter" style="margin:24px 0 8px; font-size:22px;">Research Partner Plan (for early supporters)</h2>
-  <p>
-    Designed for researchers running larger studies who want to support ongoing development while staying on budget.
-    Instead of paying strictly per sample, you can join as a <strong>Research Partner</strong>:
-  </p>
-  <ul>
-    <li><strong>$300 flat contribution</strong> (covers ~3,000 samples at $0.10 each, with flexibility on usage)</li>
-    <li>Includes early access to new features and custom labels</li>
-    <li>Direct feedback channel — help shape how the tool evolves</li>
-    <li>Recognition as an early research supporter</li>
-  </ul>
-  <p>
-    <em>This tier was inspired by our very first paying researcher, who contributed $300 to support
-    continued development after testing thousands of samples. It’s ideal if you see the potential
-    and want to support the mission, even if you’re still validating outputs in your workflow.</em>
-  </p>
-    <!-- Who it's for -->
-    <h2 style="margin:24px 0 8px; font-size:22px;">Best for</h2>
-    <ul style="margin:0 0 12px 18px;">
-      <li>Labs cleaning large mtDNA cohorts where manual labeling is slow or inconsistent.</li>
-      <li>Researchers who want fast leads + citations, then validate edge cases themselves.</li>
-      <li>Teams that value transparency and iterative improvement.</li>
-    </ul>
-    <!-- CTA -->
-    <div style="display:flex; gap:12px; flex-wrap:wrap; margin:20px 0;">
-      <a href="https://huggingface.co/spaces/VyLala/mtDNALocation" target="_blank"
-         style="background:#111827; color:#fff; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
-        Try the Classifier
-      </a>
-      <a href="mailto:khanhphungvy@gmail.com" target="_blank"
-         style="background:#e2e8f0; color:#0f172a; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
-        Bulk / Research Partner request
-      </a>
     </div>
-    <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
-    <!-- Mission -->
-    <h2 style="margin:0 0 8px; font-size:22px;">Mission</h2>
-    <p style="margin:0;">
-      Rebuild trust in genomic metadata—one mtDNA sample at a time—through transparency, citations, and a tight feedback loop with researchers.
-    </p>
-  </div>
-</body>
-</html>

 <html>
   <head>
     <meta name="color-scheme" content="light">
     <style>
+      /* Force Hugging Face / Gradio containers to stay white */
+      html, body, #root, .gradio-container, .container, .block {
         background: #ffffff !important;
         color: #0f172a !important;
         margin: 0;
         padding: 0;
       }
       * {
+        color-scheme: only light !important;
       }
       /* Force text color inside your page */
         The tool suggests structured labels fast — you decide which ones to trust and refine.
       </p>
+      <div style="display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 24px;">
+        <span style="background:#eef2ff; color:#3730a3; padding:6px 10px; border-radius:999px; font-size:12px;">84% country accuracy (n=4,934)</span>
+        <span style="background:#ecfeff; color:#155e75; padding:6px 10px; border-radius:999px; font-size:12px;">92% modern/ancient accuracy (n=4,934)</span>
+        <span style="background:#f0fdf4; color:#166534; padding:6px 10px; border-radius:999px; font-size:12px;">Source-backed explanations</span>
+        <span style="background:#fff7ed; color:#9a3412; padding:6px 10px; border-radius:999px; font-size:12px;">Report → free credit</span>
+      </div>
+      <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
+      <!-- Purpose -->
+      <h2 style="margin:0 0 8px; font-size:22px;">Purpose</h2>
+      <p style="margin:0 0 12px;">
+        Make biological data <strong>reusable</strong> by labeling it better.
+        <br><br>
+        Many GenBank / NCBI samples have <strong>incomplete/missing metadata</strong> (country, sample type, optional ethnicity/specific location).
+        This tool helps researchers generate <strong>clean, structured labels</strong> — ready for papers, datasets, or analysis.
+      <br><br>
+        <em>This is not a black-box AI. It’s a partnership between AI speed and human expertise.</em>
+      </p>
+      <!-- What you get -->
+      <h2 style="margin:24px 0 8px; font-size:22px;">What you get</h2>
+      <ul style="margin:0 0 12px 18px;">
+        <li>AI-powered inference from GenBank accession alone.</li>
+        <li>Country + Sample Type by default; optional labels (e.g. ethnicity &amp; specific location) on request.</li>
+        <li>Transparent outputs: explanations, citations.</li>
+        <li>Excel export; batch upload; multi-ID input.</li>
+        <li><strong>Human-in-the-loop control:</strong> 1-click feedback ensures you decide what counts.</li>
+      </ul>
+      <div style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin:16px 0;">
+          <strong>Positioning:</strong> This tool is an <em>accelerator</em>, not a replacement.
+          AI surfaces leads quickly → Human Intelligence validates tricky cases.
+      </div>
+      <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
+      <!-- Free tier -->
+      <h2 style="margin:0 0 8px; font-size:22px;">Free tier</h2>
+      <ul style="margin:0 0 12px 18px;">
+        <li><strong>30</strong> free samples (no email).</li>
+        <li>Add email → <strong>+20</strong> bonus samples (<strong>50 total</strong>) and downloads.</li>
+        <li>Not satisfied? Click “Report” → that row doesn’t count, and you get a credit back.</li>
+      </ul>
+      <!-- Pricing -->
+      <h2 style="margin:24px 0 8px; font-size:22px;">Simple pricing</h2>
+      <table style="width:100%; border-collapse:collapse; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden;">
+        <thead>
+          <tr style="background:#f1f5f9;">
+            <th style="text-align:left; padding:10px; font-weight:600;">Plan</th>
+            <th style="text-align:left; padding:10px; font-weight:600;">What’s included</th>
+            <th style="text-align:left; padding:10px; font-weight:600;">Price</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <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>
+            <td style="padding:10px; border-top:1px solid #e2e8f0;">Country + Sample Type, explanations, citations, export, report→credit</td>
+            <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$0.10 / sample</strong></td>
+          </tr>
+          <tr>
+            <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>Custom labels (optional)</strong></td>
+            <td style="padding:10px; border-top:1px solid #e2e8f0;">Ethnicity, specific location granularity, phenotype, or bespoke fields</td>
+            <td style="padding:10px; border-top:1px solid #e2e8f0;">Quote on request</td>
+          </tr>
+          <tr style="background:#fcfcff;">
+            <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>
+            <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>
+            <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$300 / 3 months</strong></td>
+          </tr>
+        </tbody>
+      </table>
+      <p style="margin:10px 0 0; font-size:14px; color:#475569;">
+        <em>Note:</em> For very small sets that you can easily verify manually, we’ll advise you to skip paid runs.
+        We optimize for your outcomes, not usage.
+      </p>
+      <!-- Edge case highlight -->
+      <h2 id="edge_cases" style="margin:24px 0 8px; font-size:22px;">Edge Cases (our specialty)</h2>
+      <p>
+          Some samples are especially hard to label because they don’t have a DOI, PubMed ID, or linked article.
+          Normally these are ignored or left as “unknown.” We call them <strong>edge cases</strong>.
+      </p>
+      <ul>
+          <li>Priced the same as normal runs ($0.10/sample) — no penalty for difficulty</li>
+          <li>Custom labels (e.g. ethnicity, city/province) can also be applied to edge cases on request</li>
+      </ul>
+      <div style="background:#fff7ed; border:1px solid #fed7aa; border-radius:12px; padding:14px; margin:20px 0;">
+        <strong>Why it matters:</strong> One early researcher tested 4,932 samples and found our predictions
+        for some <em>edge cases</em> were more accurate than his manual annotations — even when metadata was missing.
+      </div>
+    <hr>
+    <h2 id="research-supporter" style="margin:24px 0 8px; font-size:22px;">Research Partner Plan (for early supporters)</h2>
     <p>
+      Designed for researchers running larger studies who want to support ongoing development while staying on budget.
+      Instead of paying strictly per sample, you can join as a <strong>Research Partner</strong>:
     </p>
     <ul>
+      <li><strong>$300 flat contribution</strong> (covers ~3,000 samples at $0.10 each, with flexibility on usage)</li>
+      <li>Includes early access to new features and custom labels</li>
+      <li>Direct feedback channel — help shape how the tool evolves</li>
+      <li>Recognition as an early research supporter</li>
     </ul>
+    <p>
+      <em>This tier was inspired by our very first paying researcher, who contributed $300 to support
+      continued development after testing thousands of samples. It’s ideal if you see the potential
+      and want to support the mission, even if you’re still validating outputs in your workflow.</em>
+    </p>
+      <!-- Who it's for -->
+      <h2 style="margin:24px 0 8px; font-size:22px;">Best for</h2>
+      <ul style="margin:0 0 12px 18px;">
+        <li>Labs cleaning large mtDNA cohorts where manual labeling is slow or inconsistent.</li>
+        <li>Researchers who want fast leads + citations, then validate edge cases themselves.</li>
+        <li>Teams that value transparency and iterative improvement.</li>
+      </ul>
+      <!-- CTA -->
+      <div style="display:flex; gap:12px; flex-wrap:wrap; margin:20px 0;">
+        <a href="https://huggingface.co/spaces/VyLala/mtDNALocation" target="_blank"
+           style="background:#111827; color:#fff; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
+          Try the Classifier
+        </a>
+        <a href="mailto:khanhphungvy@gmail.com" target="_blank"
+           style="background:#e2e8f0; color:#0f172a; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
+          Bulk / Research Partner request
+        </a>
+      </div>
+      <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
+      <!-- Mission -->
+      <h2 style="margin:0 0 8px; font-size:22px;">Mission</h2>
+      <p style="margin:0;">
+        Rebuild trust in genomic metadata—one mtDNA sample at a time—through transparency, citations, and a tight feedback loop with researchers.
+      </p>
     </div>
+  </body>
+</html>