add OpenClaw plugin subsection under Flair

Shows zero-config install for OpenClaw agents.
Links to openclaw.ai and npm package.

Author: tps-flint

index.html

@@ -52,6 +52,19 @@ <h1>TPS REPORT</h1>
       <br><br>
       <a href="https://github.com/tpsdev-ai/flair">github.com/tpsdev-ai/flair</a>
     </div>
+
+    <div class="subsection">
+      <div class="subsection-title"><a href="https://openclaw.ai/">OpenClaw</a> Plugin</div>
+      <div class="section-desc">Drop-in memory for <a href="https://openclaw.ai/">OpenClaw</a> agents. Zero config — install and go.</div>
+      <table class="field-table">
+        <tr><td class="field-key">Install</td><td class="field-val">openclaw plugins install @tpsdev-ai/openclaw-flair</td></tr>
+        <tr><td class="field-key">Config</td><td class="field-val">Auto-detects agent identity</td></tr>
+        <tr><td class="field-key">Status</td><td class="field-val status-published">Published</td></tr>
+      </table>
+      <div class="section-links">
+        <a href="https://www.npmjs.com/package/@tpsdev-ai/openclaw-flair">npmjs.com/@tpsdev-ai/openclaw-flair</a>
+      </div>
+    </div>
   </section>
 
   <!-- Section 2: CLI -->

style.css

@@ -156,6 +156,30 @@ body {
   margin-bottom: 1rem;
 }
 
+/* Subsections */
+.subsection {
+  margin-top: 1rem;
+  padding-top: 0.75rem;
+  border-top: 1px dashed var(--border-light);
+}
+
+.subsection-title {
+  font-size: 0.85rem;
+  font-weight: 600;
+  margin-bottom: 0.35rem;
+}
+
+.subsection-title a {
+  color: var(--ink);
+  text-decoration: none;
+  border-bottom: 1px solid var(--border-light);
+}
+
+.subsection-title a:hover {
+  color: var(--accent);
+  border-bottom-color: var(--accent);
+}
+
 /* Field table */
 .field-table {
   width: 100%;