David-stout commited on
Commit
cd9741d
·
verified ·
1 Parent(s): 4c8fceb

Add webAI app waitlist call to action; remove stray build artifacts

Browse files
Files changed (1) hide show
  1. app.py +47 -2
app.py CHANGED
@@ -113,13 +113,16 @@ def _card_html(case: dict) -> str:
113
  )
114
 
115
 
116
- HEADER = """
 
 
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;