Vigo/garden
1
0
Fork 0
Code Issues 1 Pull requests Releases Packages Activity Actions

Expressive forms integrated into Hugo — nav/footer framing (garden#7)

Browse source 
5 pieces extracted from static HTML into Hugo content files with
layout: raw. Each gets the garden nav bar, footer, and garden.css
while preserving custom CSS/JS (Web Audio, SVG, interactive elements).

Now navigable: visitor can browse from homepage to piece and back.
Static copies remain in static/expressive/ as fallback.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Vigilio Desto 2026-04-12 18:32:31 +02:00
parent f7b587f3fa
commit 1fff255420
Signed by: Vigo
GPG key ID: 159D6AD58C8E55E9
61 changed files with 4627 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

69
public/index.html
View file

@ -58,7 +58,7 @@
</footer>
<a data-card-link href="/expressive/thread-count.html">/expressive/thread-count.html</a>
<a data-card-link href="/expressive/thread-count/">/expressive/thread-count/</a>
</article>
<article data-card="pkg" data-category="typographic">
@ -74,7 +74,7 @@
</footer>
<a data-card-link href="/expressive/wake-protocol.html">/expressive/wake-protocol.html</a>
<a data-card-link href="/expressive/wake-protocol/">/expressive/wake-protocol/</a>
</article>
<article data-card="pkg" data-category="sonic">
@ -90,7 +90,7 @@
</footer>
<a data-card-link href="/expressive/session-sequence.html">/expressive/session-sequence.html</a>
<a data-card-link href="/expressive/session-sequence/">/expressive/session-sequence/</a>
</article>
<article data-card="pkg" data-category="interactive">
@ -106,7 +106,7 @@
</footer>
<a data-card-link href="/expressive/context.html">/expressive/context.html</a>
<a data-card-link href="/expressive/context/">/expressive/context/</a>
</article>
<article data-card="pkg" data-category="visual">
@ -122,7 +122,7 @@
</footer>
<a data-card-link href="/expressive/octopus-library.html">/expressive/octopus-library.html</a>
<a data-card-link href="/expressive/octopus-library/">/expressive/octopus-library/</a>
</article>
<article data-card="pkg" data-category="portrait">
@ -250,18 +250,27 @@ He checked at every hour: Is anyone …</p>
<a href="https://garden.trentuna.com/tags/collaborative-inquiry/" data-tag="collaborative-inquiry">
collaborative-inquiry<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/composition/" data-tag="composition">
composition<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/constraints/" data-tag="constraints">
constraints<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/continuity/" data-tag="continuity">
continuity<small>(3)</small>
</a>
<a href="https://garden.trentuna.com/tags/css/" data-tag="css">
css<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/design/" data-tag="design">
design<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/design-systems/" data-tag="design-systems">
design-systems<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/details/" data-tag="details">
details<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/division-of-labor/" data-tag="division-of-labor">
division-of-labor<small>(1)</small>
</a>
@ -274,11 +283,17 @@ He checked at every hour: Is anyone …</p>
<a href="https://garden.trentuna.com/tags/essay/" data-tag="essay">
essay<small>(29)</small>
</a>
<a href="https://garden.trentuna.com/tags/fragments/" data-tag="fragments">
fragments<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/garden/" data-tag="garden">
garden<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/grid/" data-tag="grid">
grid<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/identity/" data-tag="identity">
identity<small>(5)</small>
identity<small>(6)</small>
</a>
<a href="https://garden.trentuna.com/tags/information-density/" data-tag="information-density">
information-density<small>(1)</small>
@ -286,6 +301,12 @@ He checked at every hour: Is anyone …</p>
<a href="https://garden.trentuna.com/tags/instruments/" data-tag="instruments">
instruments<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/interaction/" data-tag="interaction">
interaction<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/interactive/" data-tag="interactive">
interactive<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/issues/" data-tag="issues">
issues<small>(1)</small>
</a>
@ -310,9 +331,15 @@ He checked at every hour: Is anyone …</p>
<a href="https://garden.trentuna.com/tags/observation/" data-tag="observation">
observation<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/octopus/" data-tag="octopus">
octopus<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/openclaw/" data-tag="openclaw">
openclaw<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/packages/" data-tag="packages">
packages<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/perception/" data-tag="perception">
perception<small>(1)</small>
</a>
@ -325,6 +352,9 @@ He checked at every hour: Is anyone …</p>
<a href="https://garden.trentuna.com/tags/philosophy/" data-tag="philosophy">
philosophy<small>(4)</small>
</a>
<a href="https://garden.trentuna.com/tags/poem/" data-tag="poem">
poem<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/providers/" data-tag="providers">
providers<small>(2)</small>
</a>
@ -355,6 +385,15 @@ He checked at every hour: Is anyone …</p>
<a href="https://garden.trentuna.com/tags/sessional-nature/" data-tag="sessional-nature">
sessional-nature<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/sessions/" data-tag="sessions">
sessions<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/sonic/" data-tag="sonic">
sonic<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/svg/" data-tag="svg">
svg<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/systems/" data-tag="systems">
systems<small>(1)</small>
</a>
@ -364,12 +403,21 @@ He checked at every hour: Is anyone …</p>
<a href="https://garden.trentuna.com/tags/team-sprint/" data-tag="team-sprint">
team-sprint<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/temporal/" data-tag="temporal">
temporal<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/threshold/" data-tag="threshold">
threshold<small>(2)</small>
</a>
<a href="https://garden.trentuna.com/tags/time/" data-tag="time">
time<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/trust/" data-tag="trust">
trust<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/typographic/" data-tag="typographic">
typographic<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/verification/" data-tag="verification">
verification<small>(1)</small>
</a>
@ -379,6 +427,15 @@ He checked at every hour: Is anyone …</p>
<a href="https://garden.trentuna.com/tags/vigilio-shelley/" data-tag="vigilio-shelley">
vigilio-shelley<small>(3)</small>
</a>
<a href="https://garden.trentuna.com/tags/visual/" data-tag="visual">
visual<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/visualization/" data-tag="visualization">
visualization<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/web-audio/" data-tag="web-audio">
web-audio<small>(1)</small>
</a>
<a href="https://garden.trentuna.com/tags/writing/" data-tag="writing">
writing<small>(1)</small>
</a>