Skip to main content

Language: Español

Help

Badges for your website

Last updated:

A badge shows your live burn status on your website, a partner's website or a community page. Residents see the same answer as on BeforeYouBurn, from the moment you change it.

Add a badge

  1. Open Badges in your agency workspace.
  2. Choose the badge type, size, kind of burning and language.
  3. Copy the code and give it to whoever edits your website.

The standard code is a single iframe. It needs no script on your site, sets no cookies and does no tracking. For example:

<iframe title="Burn status for Redmond Fire & Rescue"
  src="https://beforeyouburn.com/badge/redmond-fire/status/mini?activity=debris&lang=es"
  width="300" height="120" loading="lazy"></iframe>

Use the code shown in your workspace: it has your organization's address and the right size.

Badge types

  • Burn status, mini or full, for a kind of burning.
  • Fire danger sign, when a fire-danger level is published for your area. With no level, the sign shows nothing rather than a guess.
  • Alert, mini or full, for a kind of burning: the alert in effect over your zones now (a closure first), its message, who issued it and when it started and ends. With no alert, it says so. The address is /badge/{your organization}/alert/mini or /alert/full.

Already have a badge?

Badge code you added to your website before keeps working. You do not need to change anything. When we retire the old code, we will publish the schedule and tell you in advance.

Accessibility

Badges are built to WCAG 2.1 AA: the status is in text and an icon as well as colour, they respect reduced motion, and the iframe has a descriptive title. If a badge cannot get the status, it says "Unknown" and names your agency, never an old "allowed".

Share with partners

Community partners, such as a chamber of commerce or a county website, can show your badge too. Send them the code, or the page with instructions for webmasters.