Skip to content

site: adopt weft design system + fix Pages (Actions) config #65

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
tachyon-beep merged 2 commits into from
Jun 17, 2026
Merged

site: adopt weft design system + fix Pages (Actions) config #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0a2ed2c
site: adopt latest weft design system (D4 + token hygiene)
tachyon-beep Jun 17, 2026
2d0540d
ci(pages): pin Pages source to GitHub Actions (configure-pages)
tachyon-beep Jun 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions .github/workflows/deploy-site.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,14 @@ jobs:
- name: Checkout
uses: actions/checkout@v4

- name: Configure Pages
# Pin the Pages source to GitHub Actions (build_type=workflow); enables
# Pages if needed. Without this, deploy-pages fails when the repo is
# still set to "Deploy from a branch".
uses: actions/configure-pages@v5
with:
enablement: true
Comment on lines +46 to +48

@chatgpt-codex-connector chatgpt-codex-connector Bot Jun 17, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1 Badge Use an API that updates existing Pages sites

In the scenario called out here—Pages already exists but is still configured as “Deploy from a branch”—actions/configure-pages@v5 does not switch the site to build_type=workflow; its v5 code returns the existing Pages site after getPages succeeds and only calls createPagesSite({ build_type: 'workflow' }) when no site exists. I checked actions/configure-pages@v5's action code for this behavior, so this step will leave the repo in branch mode and the later actions/deploy-pages deployment still won't publish from the uploaded artifact.

Useful? React with 👍 / 👎.


- name: Setup Node
uses: actions/setup-node@v4
with:
Expand Down
28 changes: 12 additions & 16 deletions site/src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -123,7 +123,7 @@ const DETAIL = {
{/* ---------------------------------------------------------------- */}
<section class="hero">
<div class="wrap">
<p class="eyebrow">Filigree · work state / issue lifecycle · Python</p>
<p class="weft-eyebrow">Filigree · work state / issue lifecycle · Python</p>
<h1 class="hero__title">Turns a swarm of stateless agents into a coordinated workforce.</h1>
<p class="hero__sub">
Filigree owns issues, dependencies, and workflow state machines — giving an
Expand Down Expand Up @@ -164,7 +164,7 @@ const DETAIL = {
{/* ---------------------------------------------------------------- */}
<section class="band">
<div class="wrap">
<p class="eyebrow">What it is</p>
<p class="weft-eyebrow">What it is</p>
<h2 class="h2">The federation's work-state surface.</h2>
<p class="lede">
Traditional issue trackers are human-first; agents scrape CLI output or parse
Expand Down Expand Up @@ -234,7 +234,7 @@ const DETAIL = {
{/* ---------------------------------------------------------------- */}
<section class="section">
<div class="wrap">
<p class="eyebrow">Key capabilities · the five things it gives you</p>
<p class="weft-eyebrow">Key capabilities · the five things it gives you</p>
<h2 class="h2">Built so a swarm of agents does not collide.</h2>
<div class="grid grid--3">
<article class="card cap">
Expand Down Expand Up @@ -293,7 +293,7 @@ const DETAIL = {
{/* ---------------------------------------------------------------- */}
<section id="dashboard" class="band band--feature">
<div class="wrap">
<p class="eyebrow">The dashboard · unique to Filigree</p>
<p class="weft-eyebrow">The dashboard · unique to Filigree</p>
<h2 class="h2">The only Weft member with a web UI.</h2>
<p class="lede">
A local-first board on <code>localhost:8377</code> — Kanban lanes with
Expand Down Expand Up @@ -394,7 +394,7 @@ const DETAIL = {
{/* ---------------------------------------------------------------- */}
<section id="usage" class="section">
<div class="wrap">
<p class="eyebrow">Usage snapshot · curated, not the full reference</p>
<p class="weft-eyebrow">Usage snapshot · curated, not the full reference</p>
<h2 class="h2">The atomic loop.</h2>
<div class="usage">
<div class="well">
Expand Down Expand Up @@ -426,7 +426,7 @@ filigree dashboard --port=8377</code></pre>
{/* ---------------------------------------------------------------- */}
<section class="band">
<div class="wrap">
<p class="eyebrow">How it composes · value is the weave</p>
<p class="weft-eyebrow">How it composes · value is the weave</p>
<h2 class="h2">Each pairing lights up a capability Filigree does not have alone.</h2>
<p class="lede">
Filigree's slice of the combination matrix. Every status is honest on its face:
Expand Down Expand Up @@ -462,7 +462,7 @@ filigree dashboard --port=8377</code></pre>
{/* ---------------------------------------------------------------- */}
<section class="section">
<div class="wrap">
<p class="eyebrow">Status & honest limits</p>
<p class="weft-eyebrow">Status & honest limits</p>
<h2 class="h2">What it is not.</h2>
<div class="limits">
<Banner client:visible tone="warn" title="A-1 asterisk: the Wardline → Filigree pairing is live, but watched.">
Expand Down Expand Up @@ -496,7 +496,7 @@ filigree dashboard --port=8377</code></pre>
{/* ---------------------------------------------------------------- */}
<section class="band">
<div class="wrap">
<p class="eyebrow">Links · pointers to the authorities</p>
<p class="weft-eyebrow">Links · pointers to the authorities</p>
<h2 class="h2">Where the moving facts actually live.</h2>
<div class="links">
<a class="link" href={REPO} rel="noopener"><span class="link__t">Repository</span><span class="link__d">github.com/foundryside-dev/filigree</span></a>
Expand Down Expand Up @@ -535,18 +535,14 @@ filigree dashboard --port=8377</code></pre>
/* Page-local layout only. Brand atoms (colors, type, motifs) come ONLY from the
site-kit token layer — no new colors, no dark mode (light theme only). */
.wrap { max-width: var(--width-content); margin: 0 auto; padding: 0 36px; }
.eyebrow {
font: var(--type-mono-sm); text-transform: uppercase;
letter-spacing: var(--tracking-caps); color: var(--text-muted);
font-size: var(--text-xs); margin: 0 0 14px;
}
.weft-eyebrow { margin: 0 0 14px; }
.h2 { font: var(--type-h1); color: var(--text-strong); margin: 0 0 16px; max-width: 26ch; }
.lede { font: var(--type-body); color: var(--text-body); max-width: 66ch; margin: 0 0 26px; }
.lede code, .pair__cap code, .cap__p code, .machines__note code { font-family: var(--font-mono); font-size: 0.92em; color: var(--text-strong); }

.section { padding: 64px 0; }
.section { padding: var(--space-10) 0; }
.band {
padding: 64px 0; background: var(--bg-sunken);
padding: var(--space-10) 0; background: var(--bg-sunken);
border-top: 1px solid var(--border-hairline);
border-bottom: 1px solid var(--border-hairline);
}
Expand Down Expand Up @@ -696,7 +692,7 @@ filigree dashboard --port=8377</code></pre>
/* CTA */
.cta { padding: 44px 0; background: var(--bg-sunken); border-top: 1px solid var(--border-hairline); }
.cta__inner { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.cta__dot { width: 12px; height: 12px; border-radius: 3px; flex: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.cta__dot { width: 12px; height: 12px; border-radius: var(--radius-sm); flex: none; box-shadow: inset 0 0 0 1px var(--border-hairline); }
.cta__copy { flex: 1 1 360px; }
.cta__lead { font: var(--type-body); font-weight: var(--fw-semibold); color: var(--text-strong); margin: 0 0 2px; }
.cta__sub { font: var(--type-body-sm); color: var(--text-muted); margin: 0; max-width: 60ch; }
Expand Down