Home Manual Tools Resources About Contact

Tools

Here you'll find a number of buttons and modules created for use on your station's website. They're designed to support your informational activities before, during and after an emergency.

Buttons

The buttons are designed to live on your home page and link to whatever materials you've created on your site for emergency response. We recommend building a simple page of local and regional disaster materials, including the SAFER modules and other resources customized for your community.

75 x 75 pixels
JPEG
TIFF with layers
120 x 60 pixels
JPEG
TIFF with layers
120 x 120 pixels
JPEG
TIFF with layers
150 x 200 pixels
JPEG
TIFF with layers
180 x 150 pixels
JPEG
TIFF with layers
200 x 150 pixels
JPEG
TIFF with layers

Modules

To use these modules as a quick way of aggregating emergency information sources on your site, simply copy and paste the module code into the <body></body> of the page you'd like the module to show up on.

Public Health Emergencies: Code and Example
<!-- START SAFER PUBLIC HEALTH EMERGENCIES MODULE -->
<script src="http://www.npr.org/forstations/safer/phe.js"></script>
<!-- END SAFER PUBLIC HEALTH EMERGENCIES MODULE -->
Natural Disaster Emergencies: Code and Example
<!-- START SAFER NATURAL DISASTER RESOURCES MODULE -->
<script src="http://www.npr.org/forstations/safer/ndr.js"></script>
<!-- END SAFER NATURAL DISASTER RESOURCES MODULE -->
Emergency Resources: Code and Example
<!-- START SAFER EMERGENCY RESOURCES MODULE -->
<script src="http://www.npr.org/forstations/safer/er.js"></script>
<!-- END SAFER EMERGENCY RESOURCES MODULE -->

You might insert one of these modules on your home page during an emergency. Or you could cluster them on a permanent "emergency resources" section on your site, and link to that section from an activated button on your home page.

If you choose, some features of the modules can by modified through the use of cascading style sheets (CSS). Here are the CSS classes for these modules.

CSS for the modules
nprModaffects the whole module
nprModHeadaffects the title of the module
nprModTextaffects the text in the module (the links)

For more information on using Cascading Style Sheets, visit the World Wide Web Consortium (W3C) website

There are also a variety of helpful online tutorial Web sites, such as Webmonkey, that provide information on programming a website with Cascading Style Sheets.

Visit our resources page for ideas on using other readily available tools like an API to pull richer and more flexible content to your site.