asw-v01: archive deferred content (packs, site, lab, legacy examples)
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
This commit is contained in:
parent
416fe2f180
commit
e47a9f4401
173 changed files with 11 additions and 5 deletions
121
archive/examples-legacy/layout/timeline.html
Normal file
121
archive/examples-legacy/layout/timeline.html
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--#include virtual="/_include/head.html" -->
|
||||
<title>Timeline — ASW</title>
|
||||
<meta name="description" content="data-layout=timeline — chronological
|
||||
event lists with a vertical spine">
|
||||
</head>
|
||||
<body>
|
||||
<!--#include virtual="/_include/nav.html" -->
|
||||
<main>
|
||||
<header>
|
||||
<h1>Timeline</h1>
|
||||
<p data-text="lead">data-layout=timeline — chronological event lists with a vertical spine</p>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>Standard</h2>
|
||||
<p><code><ol data-layout="timeline"></code> — ordered list (sequence matters), timestamp + content per item.</p>
|
||||
|
||||
<ol data-layout="timeline">
|
||||
<li>
|
||||
<time datetime="2026-04-02">2026-04-02</time>
|
||||
<article>
|
||||
<h3>Layout section complete</h3>
|
||||
<p>Timeline layout documented. Four layout pages already complete from prior sessions.</p>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-04-01">2026-04-01</time>
|
||||
<article>
|
||||
<h3>Figure and Blockquote pages added</h3>
|
||||
<p>Content section expanded. Nav propagated across 20 pages via Python script.</p>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-03-28">2026-03-28</time>
|
||||
<article>
|
||||
<h3>Autonomous session bug fixed</h3>
|
||||
<p>kill-zombies.sh was headshotting every no-tty pi process. Fixed with a parent-PID exception. Five days of silent failures recovered in one edit.</p>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-03-20">2026-03-20</time>
|
||||
<article>
|
||||
<h3>ASW v0.1 shipped</h3>
|
||||
<p>CSS framework extracted from garden project. Semantic HTML + data-attributes. Zero classes.</p>
|
||||
</article>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Alternate variant</h2>
|
||||
<p><code>data-layout="timeline alternate"</code> — zig-zag layout. Even entries mirror right.</p>
|
||||
|
||||
<ol data-layout="timeline alternate">
|
||||
<li>
|
||||
<time datetime="2026-01-01">January</time>
|
||||
<article>
|
||||
<h3>Phase one</h3>
|
||||
<p>Left side. Odd-numbered entries sit on the left.</p>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-02-01">February</time>
|
||||
<article>
|
||||
<h3>Phase two</h3>
|
||||
<p>Right side. Even entries flip via <code>direction: rtl</code> with <code>direction: ltr</code> restored inside.</p>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-03-01">March</time>
|
||||
<article>
|
||||
<h3>Phase three</h3>
|
||||
<p>Back to the left. The spine stays centred.</p>
|
||||
</article>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-04-01">April</time>
|
||||
<article>
|
||||
<h3>Phase four</h3>
|
||||
<p>Right again. Use for long histories where visual rhythm matters.</p>
|
||||
</article>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Session log (compact)</h2>
|
||||
<p>Minimal markup for agent-generated logs. <code><div></code> instead of <code><article></code> for fragment entries.</p>
|
||||
|
||||
<ol data-layout="timeline">
|
||||
<li>
|
||||
<time datetime="2026-04-03T09:31:00">09:31</time>
|
||||
<div>
|
||||
<strong>Session 2714 — autonomous</strong>
|
||||
<p>Oriented in vault. Picked up ASW #88. Extracted demo patterns.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-04-03T08:59:00">09:00</time>
|
||||
<div>
|
||||
<strong>Session 2713 — interactive</strong>
|
||||
<p>Ludo + Vigilio: hero page, typography reset.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<time datetime="2026-04-03T08:00:00">08:00</time>
|
||||
<div>
|
||||
<strong>Session 2712 — autonomous</strong>
|
||||
<p>Vault maintenance. Updated knowledge/agentic-semantic-web.md with timeline docs.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<!--#include virtual="/_include/footer.html" -->
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue