Abid Ali Awan Codex commited on
Commit ·
2915817
1
Parent(s): baaf573
Remove runtime header tags
Browse filesCo-Authored-By: Codex <codex@openai.com>
- static/index.html +0 -3
- static/styles.css +1 -3
static/index.html
CHANGED
|
@@ -18,9 +18,6 @@
|
|
| 18 |
</a>
|
| 19 |
<div class="status-row">
|
| 20 |
<span id="modelStatus" class="status-badge"><span class="status-dot"></span>Checking model</span>
|
| 21 |
-
<span class="runtime-badge">llama.cpp</span>
|
| 22 |
-
<span class="runtime-badge">Text + image → text</span>
|
| 23 |
-
<span class="runtime-badge" title="Observed average across three verified requests">Q4_K_XL · ~37 tok/s</span>
|
| 24 |
</div>
|
| 25 |
</header>
|
| 26 |
|
|
|
|
| 18 |
</a>
|
| 19 |
<div class="status-row">
|
| 20 |
<span id="modelStatus" class="status-badge"><span class="status-dot"></span>Checking model</span>
|
|
|
|
|
|
|
|
|
|
| 21 |
</div>
|
| 22 |
</header>
|
| 23 |
|
static/styles.css
CHANGED
|
@@ -43,11 +43,10 @@ button { color: inherit; }
|
|
| 43 |
}
|
| 44 |
.brand-name { letter-spacing: -.02em; }
|
| 45 |
.status-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
|
| 46 |
-
.status-badge
|
| 47 |
padding: 8px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px;
|
| 48 |
font-size: 12px; background: rgba(255,255,255,.08);
|
| 49 |
}
|
| 50 |
-
.runtime-badge { color: #d9eee3; }
|
| 51 |
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #f2b84b; }
|
| 52 |
.status-badge.connected .status-dot { background: #55dda0; box-shadow: 0 0 0 4px rgba(85,221,160,.12); }
|
| 53 |
|
|
@@ -222,7 +221,6 @@ footer { padding: 24px clamp(18px, 5vw, 72px); display: flex; justify-content: s
|
|
| 222 |
|
| 223 |
@media (max-width: 800px) {
|
| 224 |
.topbar { align-items: flex-start; }
|
| 225 |
-
.runtime-badge { display: none; }
|
| 226 |
.hero { grid-template-columns: 1fr; padding-top: 55px; }
|
| 227 |
.input-grid, .example-grid, .result-grid { grid-template-columns: 1fr; }
|
| 228 |
.explanation-card { grid-column: auto; }
|
|
|
|
| 43 |
}
|
| 44 |
.brand-name { letter-spacing: -.02em; }
|
| 45 |
.status-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
|
| 46 |
+
.status-badge {
|
| 47 |
padding: 8px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px;
|
| 48 |
font-size: 12px; background: rgba(255,255,255,.08);
|
| 49 |
}
|
|
|
|
| 50 |
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #f2b84b; }
|
| 51 |
.status-badge.connected .status-dot { background: #55dda0; box-shadow: 0 0 0 4px rgba(85,221,160,.12); }
|
| 52 |
|
|
|
|
| 221 |
|
| 222 |
@media (max-width: 800px) {
|
| 223 |
.topbar { align-items: flex-start; }
|
|
|
|
| 224 |
.hero { grid-template-columns: 1fr; padding-top: 55px; }
|
| 225 |
.input-grid, .example-grid, .result-grid { grid-template-columns: 1fr; }
|
| 226 |
.explanation-card { grid-column: auto; }
|