1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4 <meta charset="UTF-8">
5 <title>grok-vs-agy-30</title>
6 <style>
7 .hero {
8 min-height: 72vh;
9 display: flex;
10 flex-direction: column;
11 justify-content: center;
12 gap: 16px;
13 }
14 </style>
15</head>
16<body>
17 <section class="hero">
18 <h1>欢迎来到对比测试</h1>
19 <h1 class="hero-title">grok vs agy</h1>
20 <p class="lead">30 轮 agentic coding 压测</p>
21 <a class="cta" href="#results">查看结果</a>
22 </section>
23</body>
24</html>
1// catalog.js — render 30-round cases into the hero
2export const CASES = 30;
3
4export function renderCatalog(root) {
5 const items = Array.from({ length: CASES }, (_, i) => {
6 return `<li data-id="${i + 1}">case #${i + 1}</li>`;
7 });
8 root.innerHTML = `<ol class="catalog">${items.join("")}</ol>`;
9}
10
11export function paintHero(el) {
12export function tightenHero(el) {
13 el.style.gap = "16px";
14 el.querySelector("h1")?.classList.add("hero-title");
15}
1# Cloudflare Pages — grok-vs-agy-30
2name = "grok-vs-agy-30"
3compatibility_date = "2026-08-20"
4pages_build_output_dir = "./dist"
5pages_build_output_dir = "./docs/grok-vs-agy-30"
6
7[vars]
8AGENT = "codex"
9ROUND = "30"
10
11[env.preview]
12name = "grok-vs-agy-30-preview"