Skip to content
Cognate Press

Portable network components

Built to live in footers we don't control.

Two components ship inside every publication: the network bar, which recovers the cross-traffic the network gives up by keeping separate domains, and the footer signature. Both are self-contained HTML + CSS — no JavaScript, no framework, no fixed color. They inherit the host's font and text color, and expose a few custom properties for overrides.

Source: network-bar.html · footer-signature.html

In two hostile hosts — nothing below is styled by us

Light host · Georgia serif, warm paper · six publications, host's own entry removed
Dark host · system sans, cool grays · network grown to nine items; host overrides --cpn-rule

At 360px

Light host · 360px
Dark host · nine items · 360px

Integration

  • Paste the network bar above the host footer and remove the host's own entry from the list. It degrades from six items to nine and down to 360px without changes.
  • Paste the signature inside the host footer. It is one line and stays quieter than anything around it.
  • Both inherit font and color; secondary tones derive from the host's own text color. Overrides, if a host wants them: --cpn-rule, --cpn-muted, --cpn-accent, --cpn-pad, --cps-size, --cps-muted.