Sponsor
<vox-sponsor-tier> groups <vox-sponsor> cards under a heading, for sponsorship and funding pages. With href a sponsor card becomes a link to the sponsor's site.
Basic
html
<vox-sponsor-tier heading="Current Sponsors">
<span slot="description">Ongoing monthly or annual support.</span>
<vox-sponsor name="Example Cloud" href="https://example.com">
$500/month · CI infrastructure
</vox-sponsor>
<vox-sponsor name="Anonymous">$50/month</vox-sponsor>
</vox-sponsor-tier>Logo
Set logo to show an image instead of just the sponsor name.
html
<vox-sponsor name="OpenVox" href="https://example.com" logo="/logos/openvox.svg">
$1000/month · Dedicated servers
</vox-sponsor>Multiple tiers
Stack <vox-sponsor-tier> sections to separate current, one-time, and former sponsors, in the style of voxpupuli.org/sponsoring.
API
vox-sponsor-tier
| Attribute | Type | Default | Description |
|---|---|---|---|
heading | string | '' | Tier title, e.g. "Current Sponsors" |
| Slot | Description |
|---|---|
| (default) | <vox-sponsor> elements |
description | Optional text under the heading |
vox-sponsor
| Attribute | Type | Default | Description |
|---|---|---|---|
name | string | '' | Sponsor name |
href | string | — | Makes the card a link to the sponsor's site |
logo | string | — | Logo image URL |
target | string | — | Link target |
| Slot | Description |
|---|---|
| (default) | Optional description, e.g. contribution type and amount |