diff --git a/shared/homepage/app.js b/shared/homepage/app.js
index 30c39f8..cfe54ad 100644
--- a/shared/homepage/app.js
+++ b/shared/homepage/app.js
@@ -35,10 +35,11 @@ function esc(s) {
// them (the LLM cards), else the plain description string.
function descHTML(svc) {
const d = svc.details;
- if (d && (d.role || d.spec || d.use)) {
+ if (d && (d.role || d.spec || d.inputs || d.use)) {
const lines = [];
if (d.role) lines.push('
' + esc(d.role) + '
');
if (d.spec) lines.push('' + esc(d.spec) + '
');
+ if (d.inputs && d.inputs.length) lines.push('Inputs: ' + esc(d.inputs.join(' · ')) + '
');
if (d.use) lines.push('Use: ' + esc(d.use) + '
');
return lines.join('');
}
diff --git a/shared/homepage/docs.html b/shared/homepage/docs.html
index 66c5842..1168713 100644
--- a/shared/homepage/docs.html
+++ b/shared/homepage/docs.html
@@ -49,6 +49,7 @@
- Model: Qwen3.8-27B (UD-Q8_K_XL, 31.5 GiB).
- Capacity: 262k-token context, exactly one conversation at a time. Text only.
+ - Inputs: text.
- Best for: cybersecurity and debugging. Use requires Frank's permission.
- Not for: images. It cannot see them.
@@ -57,6 +58,7 @@
- Model: Qwen3.8-27B-Uncensored (MXFP4/W4A8, 19.4 GiB).
- Capacity: 262k-token context shared by up to eight conversations at once; sees images.
+ - Inputs: text, image.
- Best for: software engineering, system administration, and instruction tasks. Beats Claude Sonnet 5 per Artificial Analysis.
@@ -64,6 +66,7 @@
- Model: Gemma4-12B QAT (Balanced, Q4_K_M, 7.4 GiB).
- Capacity: one million tokens of pooled context across four simultaneous conversations (up to 262k each); fastest at images.
+ - Inputs: text, image, audio.
- Best for: agentic search, RAG, research subagents, translation, roleplay, and summarization — any small task that doesn't need much intelligence, and anything with a picture (screenshots, photos, diagrams).
diff --git a/shared/homepage/services.json b/shared/homepage/services.json
index c1de2ed..10bae49 100644
--- a/shared/homepage/services.json
+++ b/shared/homepage/services.json
@@ -270,6 +270,7 @@
"details": {
"role": "Deep reasoning model",
"spec": "Qwen3.8-27B (UD-Q8_K_XL, 31.5 GiB) — 262k-token context, one conversation at a time, text only.",
+ "inputs": ["text"],
"use": "Cybersecurity and debugging. Requires Frank's permission."
},
"url": "",
@@ -286,6 +287,7 @@
"details": {
"role": "Primary model",
"spec": "Qwen3.8-27B-Uncensored (MXFP4/W4A8, 19.4 GiB) — 262k-token context across up to eight conversations; sees images. Beats Claude Sonnet 5 per Artificial Analysis.",
+ "inputs": ["text", "image"],
"use": "Software engineering, system administration, and instruction tasks."
},
"url": "",
@@ -302,6 +304,7 @@
"details": {
"role": "Fast utility model",
"spec": "Gemma4-12B QAT (Q4_K_M, 7.4 GiB) — 1M-token pool across four conversations; fastest at images.",
+ "inputs": ["text", "image", "audio"],
"use": "Agentic search, RAG, research subagents, translation, roleplay, and summarization — any small task that doesn't need much intelligence."
},
"url": "",
diff --git a/shared/homepage/style.css b/shared/homepage/style.css
index 4209755..651097b 100644
--- a/shared/homepage/style.css
+++ b/shared/homepage/style.css
@@ -80,6 +80,7 @@ body::before {
.desc { color: var(--fg); margin: 8px 0; }
.desc-role { color: var(--head); font-weight: bold; }
.desc-spec { color: var(--fg); }
+.desc-inputs { color: var(--fg); }
.desc-use { color: var(--dim); margin-top: 4px; }
.links a { color: var(--link); text-decoration: underline; margin-right: 12px; }
@@ -108,6 +109,6 @@ html[data-bare="1"] body { background: #fff; color: #000; font-family: serif; te
html[data-bare="1"] body::before { display: none; }
html[data-bare="1"] .panel, html[data-bare="1"] .top, html[data-bare="1"] .foot { border-color: #000; background: none; }
html[data-bare="1"] .badge, html[data-bare="1"] .name, html[data-bare="1"] .desc, html[data-bare="1"] .summary, html[data-bare="1"] .section-title { color: #000; }
-html[data-bare="1"] .desc-role, html[data-bare="1"] .desc-spec, html[data-bare="1"] .desc-use { color: #000; font-weight: normal; }
+html[data-bare="1"] .desc-role, html[data-bare="1"] .desc-spec, html[data-bare="1"] .desc-inputs, html[data-bare="1"] .desc-use { color: #000; font-weight: normal; }
html[data-bare="1"] .section-title { border-color: #000; }
html[data-bare="1"] .links a, html[data-bare="1"] .toggle, html[data-bare="1"] .foot a { color: #000; }