Giter Club home page Giter Club logo

countdown-widget's Introduction

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

countdown-widget's People

Contributors

1rv34 avatar chrisantaki avatar rubbingalcoholic avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

countdown-widget's Issues

Countdown font wrapping issues in Firefox 35.0.1 on Ubuntu 14.04

As shown in the attached image, the footer is cut at the bottom.

When I change the height from 142px to 162px in the #_cd_iframe class, and the height in the #banner_footer class to 75px it looks good, but that may break layouts... Font size/width issue in "Until the most.."? Quick fix?

countdown-cropped

`ad*` files are blocked by some ad blockers

On the widget that is configured to use the ad animation, some ad blockers (AdBlock, AdBlock Plus, uBlock are the ones I've tested) block the files ad.min.js and ad.min.css. This results in the widget looking terrible and being useless. With those files missing, the widget looks like this:
screen shot 2015-02-01 at 6 57 26 pm
on the Internet Countdown page.
This could be fixed by renaming the files that have ad as part of their names.

Why should I include the widget?

I tried to read everything the site had to offer, but I can't figure out what is going on.

"We realize it's a big ask, but this is the kind of bad internet legislation" -- this statement was made on a page that concerns a vote that is to be made by the FCC, which is an administrative body in the executive branch of our government. It is impossible for the FCC to pass legislation.

I am curious if the neutrality will force me to loose the freedom to charge for my service in an arbirtary manner and force me to treat people equally. As a citizen of the United States of America, I am assured that I have the right to treat people unequally, based on my motive for eating food, while also being ensured that every person who holds office cannot do the same thing.

I wonder sometimes whether the push for net neutrality is misguided. I will happily pay and ISP more for my packets to have priority. We only have a limited amount of bandwidth. Auctioning the bandwidth seems to be the traditional method of fairness in our common law society.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.