Skip to content

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

Ongoing monthly or annual support.$500/month · CI infrastructure$100/month$50/month
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>

Set logo to show an image instead of just the sponsor name.

$1000/month · Dedicated servers $250/month
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.

$500/month · CI infrastructure$100/month$250 one-time giftSupported 2022–2024

API

vox-sponsor-tier

AttributeTypeDefaultDescription
headingstring''Tier title, e.g. "Current Sponsors"
SlotDescription
(default)<vox-sponsor> elements
descriptionOptional text under the heading

vox-sponsor

AttributeTypeDefaultDescription
namestring''Sponsor name
hrefstringMakes the card a link to the sponsor's site
logostringLogo image URL
targetstringLink target
SlotDescription
(default)Optional description, e.g. contribution type and amount

Released under the Apache-2.0 License.