Files
ModelTest20260714/frontend/index.html
T

48 lines
2.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Model Test — 2026-07-14</title>
<style>
:root { color-scheme: light dark; }
body {
margin: 0; min-height: 100vh; display: grid; place-items: center;
font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
background: #0f1117; color: #e6e8ee;
}
main { padding: 3rem 1.5rem; max-width: 42rem; width: 100%; }
h1 { font-size: 1.6rem; margin: 0 0 .25rem; }
p.sub { color: #9aa0ae; margin: 0 0 2rem; }
ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; }
a.card {
display: flex; justify-content: space-between; align-items: center;
padding: 1rem 1.25rem; border-radius: .75rem; text-decoration: none;
background: #1a1d27; color: inherit; border: 1px solid #2a2e3d;
transition: border-color .15s, transform .15s;
}
a.card:hover { border-color: #6c7cff; transform: translateY(-1px); }
a.card .name { font-weight: 600; }
a.card .arrow { color: #6c7cff; }
.gh { margin-top: 2rem; text-align: center; }
.gh a { color: #9aa0ae; }
.gh a:hover { color: #e6e8ee; }
</style>
</head>
<body>
<main>
<h1>Model Test — Honey Village</h1>
<p class="sub">Same PRD, six models. Pick a build:</p>
<ul>
<li><a class="card" target="_blank" rel="noopener" href="http://fable-5-high-dzjk84-83df4e-165-140-85-215.sslip.io"><span class="name">Fable 5 (high)</span><span class="arrow"></span></a></li>
<li><a class="card" target="_blank" rel="noopener" href="http://kimi-k3-xbtwah-736030-165-140-85-215.sslip.io"><span class="name">Kimi K3</span><span class="arrow"></span></a></li>
<li><a class="card" target="_blank" rel="noopener" href="http://opus4-8-xhigh-eoqc4i-84dd70-165-140-85-215.sslip.io"><span class="name">Claude Opus 4.8 (xhigh)</span><span class="arrow"></span></a></li>
<li><a class="card" target="_blank" rel="noopener" href="http://gpt-5-6-sol-high-afucmo-0e4474-165-140-85-215.sslip.io"><span class="name">GPT-5.6 Sol (high)</span><span class="arrow"></span></a></li>
<li><a class="card" target="_blank" rel="noopener" href="http://grok-fge5vj-4019b1-165-140-85-215.sslip.io"><span class="name">Grok</span><span class="arrow"></span></a></li>
<li><a class="card" target="_blank" rel="noopener" href="http://glm5-2-lo5jta-7cb9b6-165-140-85-215.sslip.io"><span class="name">GLM 5.2</span><span class="arrow"></span></a></li>
</ul>
<p class="gh"><a target="_blank" rel="noopener" href="https://github.com/ZacharyZhang-NY/ModelTest20260714">Source on GitHub ↗</a></p>
</main>
</body>
</html>