Spaces:
Running on Zero
Running on Zero
Add webAI app waitlist call to action; remove stray build artifacts
Browse files
app.py
CHANGED
|
@@ -113,13 +113,16 @@ def _card_html(case: dict) -> str:
|
|
| 113 |
)
|
| 114 |
|
| 115 |
|
| 116 |
-
|
|
|
|
|
|
|
| 117 |
<div class="twil-header">
|
| 118 |
<img class="twil-mark" src="/gradio_api/file=brand/AppiCon.svg" alt="webAI" />
|
| 119 |
<div class="twil-header-copy">
|
| 120 |
<div class="twil-wordmark">webAI</div>
|
| 121 |
<div class="twil-product">TwIL-LM3 · Intelligence Lab</div>
|
| 122 |
</div>
|
|
|
|
| 123 |
</div>
|
| 124 |
"""
|
| 125 |
|
|
@@ -136,11 +139,16 @@ document.addEventListener("keydown", (e) => {
|
|
| 136 |
</script>
|
| 137 |
"""
|
| 138 |
|
| 139 |
-
PLACEHOLDER = """
|
| 140 |
<div class="twil-empty">
|
| 141 |
<img class="twil-cube" src="/gradio_api/file=brand/webai-cube-256.webp" alt="" />
|
| 142 |
<h1>What should we work on?</h1>
|
| 143 |
<p>TwIL-LM3 is webAI's formal-logic model — entailment, FOL, Lean, rule induction.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 144 |
</div>
|
| 145 |
"""
|
| 146 |
|
|
@@ -240,6 +248,43 @@ footer, .footer, .built-with, .settings, .settings-bar, .show-api,
|
|
| 240 |
.twil-wordmark { font-weight: 600; font-size: 15px; letter-spacing: -0.02em; line-height: 1.2; color: var(--weba-fg); }
|
| 241 |
.twil-product { font-size: 12px; color: var(--weba-muted); line-height: 1.3; }
|
| 242 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 243 |
.twil-empty {
|
| 244 |
height: 100%;
|
| 245 |
min-height: 280px;
|
|
|
|
| 113 |
)
|
| 114 |
|
| 115 |
|
| 116 |
+
WAITLIST_URL = "https://www.webai.com/waitlist"
|
| 117 |
+
|
| 118 |
+
HEADER = f"""
|
| 119 |
<div class="twil-header">
|
| 120 |
<img class="twil-mark" src="/gradio_api/file=brand/AppiCon.svg" alt="webAI" />
|
| 121 |
<div class="twil-header-copy">
|
| 122 |
<div class="twil-wordmark">webAI</div>
|
| 123 |
<div class="twil-product">TwIL-LM3 · Intelligence Lab</div>
|
| 124 |
</div>
|
| 125 |
+
<a class="twil-cta twil-cta-header" href="{WAITLIST_URL}" target="_blank" rel="noopener">Get early access</a>
|
| 126 |
</div>
|
| 127 |
"""
|
| 128 |
|
|
|
|
| 139 |
</script>
|
| 140 |
"""
|
| 141 |
|
| 142 |
+
PLACEHOLDER = f"""
|
| 143 |
<div class="twil-empty">
|
| 144 |
<img class="twil-cube" src="/gradio_api/file=brand/webai-cube-256.webp" alt="" />
|
| 145 |
<h1>What should we work on?</h1>
|
| 146 |
<p>TwIL-LM3 is webAI's formal-logic model — entailment, FOL, Lean, rule induction.</p>
|
| 147 |
+
<div class="twil-waitlist">
|
| 148 |
+
<p>TwIL and the full family of webAI models are coming to the webAI app.
|
| 149 |
+
Be the first to try expert intelligence on everyday devices.</p>
|
| 150 |
+
<a class="twil-cta" href="{WAITLIST_URL}" target="_blank" rel="noopener">Join the waitlist</a>
|
| 151 |
+
</div>
|
| 152 |
</div>
|
| 153 |
"""
|
| 154 |
|
|
|
|
| 248 |
.twil-wordmark { font-weight: 600; font-size: 15px; letter-spacing: -0.02em; line-height: 1.2; color: var(--weba-fg); }
|
| 249 |
.twil-product { font-size: 12px; color: var(--weba-muted); line-height: 1.3; }
|
| 250 |
|
| 251 |
+
.twil-cta {
|
| 252 |
+
display: inline-flex;
|
| 253 |
+
align-items: center;
|
| 254 |
+
height: 34px;
|
| 255 |
+
padding: 0 18px;
|
| 256 |
+
border-radius: 999px;
|
| 257 |
+
background: var(--weba-primary);
|
| 258 |
+
color: var(--weba-primary-fg) !important;
|
| 259 |
+
font-size: 13px;
|
| 260 |
+
font-weight: 500;
|
| 261 |
+
text-decoration: none !important;
|
| 262 |
+
border: none;
|
| 263 |
+
white-space: nowrap;
|
| 264 |
+
transition: opacity 0.15s ease;
|
| 265 |
+
}
|
| 266 |
+
.twil-cta:hover { opacity: 0.85; }
|
| 267 |
+
.twil-cta-header {
|
| 268 |
+
margin-left: auto;
|
| 269 |
+
height: 30px;
|
| 270 |
+
padding: 0 14px;
|
| 271 |
+
font-size: 12px;
|
| 272 |
+
}
|
| 273 |
+
.twil-waitlist {
|
| 274 |
+
margin-top: 28px;
|
| 275 |
+
display: flex;
|
| 276 |
+
flex-direction: column;
|
| 277 |
+
align-items: center;
|
| 278 |
+
gap: 12px;
|
| 279 |
+
}
|
| 280 |
+
.twil-waitlist p {
|
| 281 |
+
margin: 0;
|
| 282 |
+
max-width: 30rem;
|
| 283 |
+
font-size: 13px;
|
| 284 |
+
line-height: 1.5;
|
| 285 |
+
color: var(--weba-muted);
|
| 286 |
+
}
|
| 287 |
+
|
| 288 |
.twil-empty {
|
| 289 |
height: 100%;
|
| 290 |
min-height: 280px;
|