1import { PROBLEMS } from "../../problems";
3export function HomePage() {
4 return (
5 <>
6 <h1>fastandaccurate</h1>
7 <p className="subtitle">Speed and accuracy benchmarks for PDE solvers</p>
8 <p>
9 Each problem is posed in the continuum with an exact or highly
10 accurate reference solution; a solver chooses its own discretization
11 and is compared by <em>work-precision curves</em>, error against
12 compute time. Results are submitted by pull request, and solvers
13 included on the site can be rerun in the browser for comparison. See{" "}
14 <a href="#/about">About</a> for how measurement and submission work.
15 </p>
17 <h2>Problems</h2>
18 <div className="problem-list">
19 {PROBLEMS.map((p) => (
20 <a key={p.id} className="problem-card" href={`#/problem/${p.id}`}>
21 <div className="problem-card-title">
22 <code>{p.id}</code>
23 <span className="badge">{p.dimension}</span>
24 </div>
25 <div className="problem-card-summary">{p.summary}</div>
26 <div className="problem-card-meta">
27 {p.instanceCount} instances · {p.solverCount} solvers · ground
28 truth: {p.groundTruth}
29 </div>
30 </a>
31 ))}
32 </div>
33 <p className="small muted" style={{ marginTop: 16 }}>
34 Suggestions and contributions of problems and solvers are welcome on{" "}
35 <a href="https://github.com/concept-collection/fastandaccurate">GitHub</a>.
36 </p>
37 </>
38 );
39}