rogeriocaroco / countdown-widget

The clock is ticking on net neutrality. Join the Internet Countdown and keep the web free and open!

The Internet Countdown Widget!

Join the battle for net neutrality with the Internet Countdown widget!

The FCC is voting on net neutrality rules on February 26th, 2015. But cable monopolies are trying to derail the process. The goal of this project is to allow anyone with a web site to run their own campaign to save net neutrality. Simply embed a couple of lines of Javascript and you're good to go!

To stay up-to-date on developments, please subscribe to our developer mailing list. If you have any problems or questions regarding the widget, please submit an issue or email Jeff Lyon.

Installation Instructions (Floating Bottom Bar)

To install the floating bottom bar, paste this code at the bottom of your page, right before the closing /BODY tag: (See demo)

<script type="text/javascript">var _cd_options = { animation: 'bottomBar' };</script>
<script src="https://fightforthefuture.github.io/countdown-widget/widget.min.js"></script>

Installation Instructions (Ad)

Basic installation:

The ad will show up wherever you put this snippet of code on your page: (See demo)

<script type="text/javascript">var _cd_options = { animation: 'ad' };</script>
<div><script src="https://fightforthefuture.github.io/countdown-widget/widget.min.js"></script></div>

Optimizing for fast loading:

You can speed up loading of your page by loading the ad asynchronously. Here's how.

1. Place this code at the bottom of your page, right before the closing /BODY tag:

<script type="text/javascript">
var _cd_options = {
    animation: 'ad',
    elementId: '_cd_container'
}
</script>
<script src="https://fightforthefuture.github.io/countdown-widget/widget.min.js" async></script>

2. Then, place this empty DIV anywhere on your page where you want the banner to appear:

<div id="_cd_container"></div>

Installation Instructions (Banner)

Basic installation:

The banner will show up wherever you put this snippet of code on your page: (See demo)

<div><script src="https://fightforthefuture.github.io/countdown-widget/widget.min.js"></script></div>

---

Red version:

Put this anywhere on your page that you want the banner to show up.

<script type="text/javascript">var _cd_options = { theme: 'red' };</script>
<div><script src="https://fightforthefuture.github.io/countdown-widget/widget.min.js"></script></div>

---

Optimizing for fast loading:

You can speed up loading of your page by loading the banner asynchronously. Here's how.

1. Place this code at the bottom of your page, right before the closing /BODY tag:

<script type="text/javascript">
var _cd_options = {
    theme: 'blue', // or 'red'
    elementId: '_cd_container'
}
</script>
<script src="https://fightforthefuture.github.io/countdown-widget/widget.min.js" async></script>

2. Then, place this empty DIV anywhere on your page where you want the banner to appear:

<div id="_cd_container"></div>

Which browsers are supported

Modern browsers, and the two latest versions of Internet Explorer (10 and 11).