Skip to content

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

License

Notifications You must be signed in to change notification settings

1RV34/countdown-widget

 
 

Repository files navigation

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>

Bottom Bar

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>

Ad

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>
  1. 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>

Blue version (default)


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>

Red version


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>
  1. 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).

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 70.6%
  • JavaScript 16.1%
  • CSS 13.3%