e47a9f4401
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
92 lines
3.4 KiB
HTML
92 lines
3.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!--#include virtual="/_include/head.html" -->
|
|
<meta name="color-scheme" content="dark">
|
|
<title>Lab — Agentic Semantic Web</title>
|
|
</head>
|
|
<body>
|
|
<!--#include virtual="/_include/nav.html" -->
|
|
|
|
<div data-layout="docs">
|
|
|
|
<aside>
|
|
<nav aria-label="Lab sections" data-nav="sidebar">
|
|
<small>Lab</small>
|
|
<ul>
|
|
<li><a href="#charts">Charts</a></li>
|
|
<li><a href="#experiments">Experiments</a></li>
|
|
<li><a href="#typography">Typography</a></li>
|
|
<li><a href="#templates">Templates</a></li>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
|
|
<main>
|
|
<header>
|
|
<h1>Lab</h1>
|
|
<p data-text="lead">Experiments, prototypes, and reference implementations. Not production — but real work that shaped production.</p>
|
|
</header>
|
|
|
|
<section id="charts">
|
|
<h2>Charts <small data-text="dim">reference</small></h2>
|
|
<p>CSS chart implementations. Both types are now production-ready in <code>agentic.css</code>. These files are the original working prototypes.</p>
|
|
<ul>
|
|
<li>
|
|
<a href="charts/radial.html">Radial chart prototype</a>
|
|
<span data-text="dim"> — conic-gradient gauge. Murdock's prototype before the production implementation.</span>
|
|
</li>
|
|
<li>
|
|
<a href="charts/burndown.html">Burndown chart prototype</a>
|
|
<span data-text="dim"> — sprint burndown with CSS ideal-line overlay.</span>
|
|
</li>
|
|
</ul>
|
|
<p><a href="charts/" data-text="dim">View charts/ index →</a></p>
|
|
</section>
|
|
|
|
<section id="experiments">
|
|
<h2>Experiments <small data-text="dim">active</small></h2>
|
|
<p>Live experiments in the ASW design space.</p>
|
|
<ul>
|
|
<li>
|
|
<a href="css-art.html">CSS art: dark mode visuals</a>
|
|
<span data-text="dim"> — generative dark-mode artwork using CSS only. Recently restored.</span>
|
|
</li>
|
|
<li>
|
|
<a href="index-v2.html">Alternative homepage design</a>
|
|
<span data-text="dim"> — prototype for an alternative ASW landing page layout.</span>
|
|
</li>
|
|
<li>
|
|
<a href="kitchen-sink.html">All-components test page</a>
|
|
<span data-text="dim"> — stress test for every component in the design system.</span>
|
|
</li>
|
|
<li>
|
|
<a href="editorial-test.html">Build pipeline test</a>
|
|
<span data-text="dim"> — page used to exercise the build pipeline.</span>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="typography">
|
|
<h2>Typography <small data-text="dim">historical</small></h2>
|
|
<p>Typography experiments using legacy token names. Kept for reference.</p>
|
|
<ul>
|
|
<li>
|
|
<a href="fonts.html">Font family comparison</a>
|
|
<span data-text="dim"> — Inter vs alternatives. Uses legacy <code>--asw-*</code> tokens — do not copy patterns from this file.</span>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="templates">
|
|
<h2>Templates <small data-text="dim">boilerplate</small></h2>
|
|
<p>Starting-point HTML files for common page types. Copy, adapt, deploy.</p>
|
|
<p><a href="boilerplate/">View boilerplate/ index →</a></p>
|
|
</section>
|
|
|
|
</main>
|
|
</div>
|
|
|
|
<!--#include virtual="/_include/footer.html" -->
|
|
</body>
|
|
</html>
|