Hugging Face's logo

Spaces:
VyLala
/
mtDNALocation
Running

App Files Community
1
VyLala commited on
Commit
f13bb5a
·
verified ·
1 Parent(s): a167d6c

Update better_offer.html

Browse files
Files changed (1) hide show
  1. better_offer.html +6 -59
better_offer.html CHANGED
@@ -1,64 +1,10 @@
1
- <div id="classifier-page">
2
- <style>
3
- /* Force light mode inside this block only */
4
- #classifier-page,
5
- #classifier-page * {
6
- background: #ffffff !important;
7
- color: #0f172a !important;
8
- font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
9
- }
10
-
11
- #classifier-page {
12
- max-width: 900px !important;
13
- margin: 24px auto !important;
14
- padding: 28px 20px !important;
15
- border-radius: 12px !important;
16
- box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
17
- }
18
-
19
- /* Pills */
20
- #classifier-page .pill {
21
- display: inline-block !important;
22
- padding: 6px 10px !important;
23
- border-radius: 999px !important;
24
- font-size: 12px !important;
25
- font-weight: 500 !important;
26
- margin: 2px !important;
27
- }
28
- #classifier-page .pill-blue { background:#eef2ff !important; color:#3730a3 !important; }
29
- #classifier-page .pill-cyan { background:#ecfeff !important; color:#155e75 !important; }
30
- #classifier-page .pill-green { background:#f0fdf4 !important; color:#166534 !important; }
31
- #classifier-page .pill-orange { background:#fff7ed !important; color:#9a3412 !important; }
32
- </style>
33
-
34
- <h1>mtDNA Location Classifier</h1>
35
- <p><strong>AI + Human Intelligence, working together.</strong></p>
36
-
37
- <div>
38
- <span class="pill pill-blue">84% country accuracy</span>
39
- <span class="pill pill-cyan">92% modern/ancient accuracy</span>
40
- <span class="pill pill-green">Source-backed explanations</span>
41
- <span class="pill pill-orange">Report → free credit</span>
42
- </div>
43
- </div>
44
-
45
-
46
  <html>
47
  <head>
48
  <meta name="color-scheme" content="light">
49
  <style>
50
- /* Force light mode */
51
- html, body {
52
- background: #ffffff !important;
53
- color: #0f172a !important;
54
- margin: 0;
55
- padding: 0;
56
- }
57
- * {
58
- color-scheme: only light;
59
- }
60
-
61
- /* Content wrapper (the white card) */
62
  #classifier-page {
63
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
64
  line-height: 1.6;
@@ -71,7 +17,7 @@
71
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
72
  }
73
 
74
- /* Make sure headings, text all stay dark */
75
  #classifier-page h1,
76
  #classifier-page h2,
77
  #classifier-page h3,
@@ -86,7 +32,7 @@
86
  background: transparent !important;
87
  }
88
 
89
- /* Pill badges (for accuracy/explanation/report) */
90
  .pill {
91
  padding: 6px 10px;
92
  border-radius: 999px;
@@ -255,3 +201,4 @@
255
  </div>
256
  </body>
257
  </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <html>
2
  <head>
3
  <meta name="color-scheme" content="light">
4
  <style>
5
+ /* Don’t touch global html/body (keeps Hugging Face header black/orange) */
6
+
7
+ /* Content wrapper (white card) */
 
 
 
 
 
 
 
 
 
8
  #classifier-page {
9
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
10
  line-height: 1.6;
 
17
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
18
  }
19
 
20
+ /* Force all text inside card to dark */
21
  #classifier-page h1,
22
  #classifier-page h2,
23
  #classifier-page h3,
 
32
  background: transparent !important;
33
  }
34
 
35
+ /* Pill badges */
36
  .pill {
37
  padding: 6px 10px;
38
  border-radius: 999px;
 
201
  </div>
202
  </body>
203
  </html>
204
+