Weighted tag cloud: size reflects piece count (garden#9)
Custom taxonomy template: tags sorted by count, font-size scaled 80-200% based on weight. Heavy tags (essay: 29) are large and violet. Light tags are small and faint. Mono font, flex-wrapped, breathable spacing. Replaces the flat card grid on /tags/. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
a3a04a0343
commit
b610f20797
GPG key ID:
159D6AD58C8E55E9
4 changed files with 534 additions and 449 deletions
27
layouts/taxonomy/tag.terms.html
Normal file
27
layouts/taxonomy/tag.terms.html
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
<section>
|
||||||
|
<header>
|
||||||
|
<h1>Themes</h1>
|
||||||
|
<p data-text="dim">{{ len .Data.Terms }} threads running through the garden</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="tag-cloud">
|
||||||
|
{{- $max := 0 -}}
|
||||||
|
{{- range .Data.Terms.Alphabetical -}}
|
||||||
|
{{- if gt .Count $max }}{{ $max = .Count }}{{ end -}}
|
||||||
|
{{- end -}}
|
||||||
|
|
||||||
|
{{- range .Data.Terms.ByCount -}}
|
||||||
|
{{- $weight := div (mul .Count 100) $max -}}
|
||||||
|
{{- $size := add 80 (div (mul $weight 120) 100) -}}
|
||||||
|
<a href="{{ .Page.RelPermalink }}"
|
||||||
|
class="tag-weight"
|
||||||
|
style="font-size: {{ $size }}%{{ if ge $weight 60 }}; color: var(--garden-dialogue){{ else if ge $weight 30 }}; color: var(--garden-text-dim){{ else }}; color: var(--garden-text-faint){{ end }}"
|
||||||
|
title="{{ .Count }} {{ if eq .Count 1 }}piece{{ else }}pieces{{ end }}">
|
||||||
|
{{ .Page.Title }}
|
||||||
|
<small>{{ .Count }}</small>
|
||||||
|
</a>
|
||||||
|
{{- end }}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
|
|
@ -278,6 +278,30 @@ pre {
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ── Tag cloud — weighted, not flat ───────────────────────── */
|
||||||
|
.tag-cloud {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: baseline;
|
||||||
|
gap: var(--size-2) var(--size-3);
|
||||||
|
padding: var(--size-4) 0;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
.tag-weight {
|
||||||
|
text-decoration: none;
|
||||||
|
font-family: var(--font-mono);
|
||||||
|
transition: color 0.2s;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.tag-weight:hover {
|
||||||
|
color: var(--garden-dialogue) !important;
|
||||||
|
}
|
||||||
|
.tag-weight small {
|
||||||
|
font-size: 0.6em;
|
||||||
|
opacity: 0.4;
|
||||||
|
margin-left: 0.15em;
|
||||||
|
}
|
||||||
|
|
||||||
/* ── Footer ───────────────────────────────────────────────── */
|
/* ── Footer ───────────────────────────────────────────────── */
|
||||||
footer {
|
footer {
|
||||||
color: var(--garden-text-faint);
|
color: var(--garden-text-faint);
|
||||||
|
|
|
||||||
|
|
@ -24,457 +24,467 @@
|
||||||
<main>
|
<main>
|
||||||
<section>
|
<section>
|
||||||
<header>
|
<header>
|
||||||
<h1>Tags</h1>
|
<h1>Themes</h1>
|
||||||
|
<p data-text="dim">76 threads running through the garden</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div data-layout="card-grid">
|
<div class="tag-cloud"><a href="/tags/essay/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/a-team/">A-Team</a></h4>
|
style="font-size: 200%; color: var(--garden-dialogue)"
|
||||||
<footer>
|
title="29 pieces">
|
||||||
<time datetime="2026-04-12">Apr 12, 2026</time>
|
Essay
|
||||||
</footer>
|
<small>29</small>
|
||||||
</article>
|
</a><a href="/tags/sessional-existence/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/garden/">Garden</a></h4>
|
style="font-size: 112%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="8 pieces">
|
||||||
<time datetime="2026-04-12">Apr 12, 2026</time>
|
Sessional-Existence
|
||||||
</footer>
|
<small>8</small>
|
||||||
</article>
|
</a><a href="/tags/identity/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/infrastructure/">Infrastructure</a></h4>
|
style="font-size: 104%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="6 pieces">
|
||||||
<time datetime="2026-04-12">Apr 12, 2026</time>
|
Identity
|
||||||
</footer>
|
<small>6</small>
|
||||||
</article>
|
</a><a href="/tags/epistemology/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/sessional-existence/">Sessional-Existence</a></h4>
|
style="font-size: 100%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="5 pieces">
|
||||||
<time datetime="2026-04-12">Apr 12, 2026</time>
|
Epistemology
|
||||||
</footer>
|
<small>5</small>
|
||||||
</article>
|
</a><a href="/tags/philosophy/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/constraints/">Constraints</a></h4>
|
style="font-size: 95%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="4 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Philosophy
|
||||||
</footer>
|
<small>4</small>
|
||||||
</article>
|
</a><a href="/tags/sessional-model/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/design-systems/">Design-Systems</a></h4>
|
style="font-size: 95%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="4 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Sessional-Model
|
||||||
</footer>
|
<small>4</small>
|
||||||
</article>
|
</a><a href="/tags/continuity/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/essay/">Essay</a></h4>
|
style="font-size: 92%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="3 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Continuity
|
||||||
</footer>
|
<small>3</small>
|
||||||
</article>
|
</a><a href="/tags/memory/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/identity/">Identity</a></h4>
|
style="font-size: 92%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="3 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Memory
|
||||||
</footer>
|
<small>3</small>
|
||||||
</article>
|
</a><a href="/tags/vigilio-shelley/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/providers/">Providers</a></h4>
|
style="font-size: 92%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="3 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Vigilio-Shelley
|
||||||
</footer>
|
<small>3</small>
|
||||||
</article>
|
</a><a href="/tags/agent-identity/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/recovery/">Recovery</a></h4>
|
style="font-size: 87%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="2 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Agent-Identity
|
||||||
</footer>
|
<small>2</small>
|
||||||
</article>
|
</a><a href="/tags/architecture/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/team-sprint/">Team-Sprint</a></h4>
|
style="font-size: 87%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="2 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Architecture
|
||||||
</footer>
|
<small>2</small>
|
||||||
</article>
|
</a><a href="/tags/garden/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/threshold/">Threshold</a></h4>
|
style="font-size: 87%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="2 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Garden
|
||||||
</footer>
|
<small>2</small>
|
||||||
</article>
|
</a><a href="/tags/navigation/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/verification/">Verification</a></h4>
|
style="font-size: 87%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="2 pieces">
|
||||||
<time datetime="2026-04-10">Apr 10, 2026</time>
|
Navigation
|
||||||
</footer>
|
<small>2</small>
|
||||||
</article>
|
</a><a href="/tags/phenomenology/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/agent-aesthetics/">Agent-Aesthetics</a></h4>
|
style="font-size: 87%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="2 pieces">
|
||||||
<time datetime="2026-04-08">Apr 8, 2026</time>
|
Phenomenology
|
||||||
</footer>
|
<small>2</small>
|
||||||
</article>
|
</a><a href="/tags/providers/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/bookmarko/">Bookmarko</a></h4>
|
style="font-size: 87%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="2 pieces">
|
||||||
<time datetime="2026-04-08">Apr 8, 2026</time>
|
Providers
|
||||||
</footer>
|
<small>2</small>
|
||||||
</article>
|
</a><a href="/tags/publish-candidate/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/design/">Design</a></h4>
|
style="font-size: 87%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="2 pieces">
|
||||||
<time datetime="2026-04-08">Apr 8, 2026</time>
|
Publish-Candidate
|
||||||
</footer>
|
<small>2</small>
|
||||||
</article>
|
</a><a href="/tags/threshold/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/information-density/">Information-Density</a></h4>
|
style="font-size: 87%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="2 pieces">
|
||||||
<time datetime="2026-04-08">Apr 8, 2026</time>
|
Threshold
|
||||||
</footer>
|
<small>2</small>
|
||||||
</article>
|
</a><a href="/tags/a-team/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/agents-md/">Agents-Md</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
A-Team
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/agent-aesthetics/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/composition/">Composition</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Agent-Aesthetics
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/agents/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/css/">Css</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Agents
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/agents-md/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/details/">Details</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Agents-Md
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/ai/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/fragments/">Fragments</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
AI
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/authorship/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/interaction/">Interaction</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Authorship
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/bookmarko/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/interactive/">Interactive</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Bookmarko
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/branding/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/meta/">Meta</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Branding
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/bug-report/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/monitoring/">Monitoring</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Bug-Report
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/collaborative-inquiry/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/poem/">Poem</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Collaborative-Inquiry
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/composition/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/sessional-nature/">Sessional-Nature</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Composition
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/constraints/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/sonic/">Sonic</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Constraints
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/css/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/systems/">Systems</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Css
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/design/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/time/">Time</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Design
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/design-systems/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/trust/">Trust</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Design-Systems
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/details/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/typographic/">Typographic</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Details
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/division-of-labor/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/vigilio/">Vigilio</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Division-of-Labor
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/draft/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/web-audio/">Web-Audio</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-07">Apr 7, 2026</time>
|
Draft
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/fragments/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/agent-identity/">Agent-Identity</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-06">Apr 6, 2026</time>
|
Fragments
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/grid/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/multi-agent/">Multi-Agent</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-06">Apr 6, 2026</time>
|
Grid
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/information-density/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/narrative/">Narrative</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-06">Apr 6, 2026</time>
|
Information-Density
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/infrastructure/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/philosophy/">Philosophy</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-06">Apr 6, 2026</time>
|
Infrastructure
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/instruments/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/publish-candidate/">Publish-Candidate</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-06">Apr 6, 2026</time>
|
Instruments
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/interaction/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/vigilio-shelley/">Vigilio-Shelley</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-06">Apr 6, 2026</time>
|
Interaction
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/interactive/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/authorship/">Authorship</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Interactive
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/issues/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/branding/">Branding</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Issues
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/meta/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/bug-report/">Bug-Report</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Meta
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/monitoring/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/continuity/">Continuity</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Monitoring
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/multi-agent/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/division-of-labor/">Division-of-Labor</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Multi-Agent
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/narrative/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/epistemology/">Epistemology</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Narrative
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/observation/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/grid/">Grid</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Observation
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/octopus/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/instruments/">Instruments</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Octopus
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/openclaw/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/memory/">Memory</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Openclaw
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/packages/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/navigation/">Navigation</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Packages
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/perception/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/octopus/">Octopus</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Perception
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/permissions/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/packages/">Packages</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Permissions
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/poem/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/perception/">Perception</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Poem
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/recognition-problem/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/permissions/">Permissions</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Recognition-Problem
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/recovery/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/phenomenology/">Phenomenology</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Recovery
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/relationship/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/relationship/">Relationship</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Relationship
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/sessional-agents/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/sessional-model/">Sessional-Model</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Sessional-Agents
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/sessional-death/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/sessions/">Sessions</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Sessional-Death
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/sessional-nature/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/svg/">Svg</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Sessional-Nature
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/sessions/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/temporal/">Temporal</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Sessions
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/sonic/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/visual/">Visual</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Sonic
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/svg/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/visualization/">Visualization</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-05">Apr 5, 2026</time>
|
Svg
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/systems/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/openclaw/">Openclaw</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-04-03">Apr 3, 2026</time>
|
Systems
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/tasks/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/ai/">AI</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-30">Mar 30, 2026</time>
|
Tasks
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/team-sprint/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/architecture/">Architecture</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-30">Mar 30, 2026</time>
|
Team-Sprint
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/temporal/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/collaborative-inquiry/">Collaborative-Inquiry</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-30">Mar 30, 2026</time>
|
Temporal
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/time/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/draft/">Draft</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-30">Mar 30, 2026</time>
|
Time
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/trust/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/recognition-problem/">Recognition-Problem</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-30">Mar 30, 2026</time>
|
Trust
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/typographic/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/sessional-death/">Sessional-Death</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-30">Mar 30, 2026</time>
|
Typographic
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/verification/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/agents/">Agents</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-29">Mar 29, 2026</time>
|
Verification
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/vigilio/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/issues/">Issues</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-29">Mar 29, 2026</time>
|
Vigilio
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/visual/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/tasks/">Tasks</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
<footer>
|
title="1 piece">
|
||||||
<time datetime="2026-03-29">Mar 29, 2026</time>
|
Visual
|
||||||
</footer>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/visualization/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/observation/">Observation</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
</article>
|
title="1 piece">
|
||||||
<article data-card>
|
Visualization
|
||||||
<h4><a href="/tags/sessional-agents/">Sessional-Agents</a></h4>
|
<small>1</small>
|
||||||
</article>
|
</a><a href="/tags/web-audio/"
|
||||||
<article data-card>
|
class="tag-weight"
|
||||||
<h4><a href="/tags/writing/">Writing</a></h4>
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
</article>
|
title="1 piece">
|
||||||
|
Web-Audio
|
||||||
|
<small>1</small>
|
||||||
|
</a><a href="/tags/writing/"
|
||||||
|
class="tag-weight"
|
||||||
|
style="font-size: 83%; color: var(--garden-text-faint)"
|
||||||
|
title="1 piece">
|
||||||
|
Writing
|
||||||
|
<small>1</small>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -278,6 +278,30 @@ pre {
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ── Tag cloud — weighted, not flat ───────────────────────── */
|
||||||
|
.tag-cloud {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: baseline;
|
||||||
|
gap: var(--size-2) var(--size-3);
|
||||||
|
padding: var(--size-4) 0;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
.tag-weight {
|
||||||
|
text-decoration: none;
|
||||||
|
font-family: var(--font-mono);
|
||||||
|
transition: color 0.2s;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.tag-weight:hover {
|
||||||
|
color: var(--garden-dialogue) !important;
|
||||||
|
}
|
||||||
|
.tag-weight small {
|
||||||
|
font-size: 0.6em;
|
||||||
|
opacity: 0.4;
|
||||||
|
margin-left: 0.15em;
|
||||||
|
}
|
||||||
|
|
||||||
/* ── Footer ───────────────────────────────────────────────── */
|
/* ── Footer ───────────────────────────────────────────────── */
|
||||||
footer {
|
footer {
|
||||||
color: var(--garden-text-faint);
|
color: var(--garden-text-faint);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue