Let’s countdown together

Let’s countdown together

This post will display bad in RSS readers and planet. Click here to read it on my site.

Update: Better degradation for no-JS-users using a PHP script added. See below.

So, the latest and greatest (and badly named ;-) ) Ubuntu is approaching and you want to help the community spreading out the word and build expectance ?

Jaunty Jackalope, while being apparently not a big step forward in dekstop features, brings upgrade to all installed software, and btw we don’t want people to stay on older versions like it happens with Windows, right ?

The community has made an – let me tell you – awesome work with countdown banners, and if you’re that type of guy (that has a site or blog),  you may want to help out by embedding one of those beauties in your pages.

Here’s the banners and the code to embed them on your site. Note: before rushing with your copy/paste I suggest you to read the entire post, as in the end of it I provide code to allow graceful degradation for those who don’t have javascript enabled.

The ring

<script src="http://www.ubuntu.com/files/countdown/display.js" type="text/javascript"></script>

The calendar

<script type="text/javascript" src="http://www.ubuntu.com/files/countdown/display2.js"></script>

Slideshow

<iframe src="http://www.ubuntu.com/files/countdown/904/countdown-9.04-1/countdown.html" width="180" height="150" frameborder="0" scrolling="no" name="ubuntucountdown">
<a href="http://www.ubuntu.com/">
<img src="http://www.ubuntu.com/files/countdown/904/countdown-9.04-1/00.png" alt="Ubuntu 9.04 - on desktops, netbooks, servers and in the cloud" width="180" height="150" border="0" />
</a>
</iframe>

Static image (no javascript)

Note: this doesn’t change day per day (except, perhaps, on the release day)

Ubuntu: For Desktops, Servers, Netbooks and in the cloud

<a href="http://www.ubuntu.com/"><img src="http://www.ubuntu.com/files/countdown/static.png" width="180" height="150" alt="Ubuntu: For Desktops, Servers, Netbooks and in the cloud" border="0" /></a>

How to mix javascript banners with graceful degradation to the static image if no JS is available:

The following codes will help you display the Javascript banners to those who have Javascript enabled while still degrade gracefully to the static image for those who have Javascript disabled. It’s not anything from the official instructions, just my suggestion.
Also useful for embedding the Ubuntu Countdown in your posts, since RSS feed reader usually strip all javascript.

The ring:

<script src="http://www.ubuntu.com/files/countdown/display.js" type="text/javascript"></script>
<noscript><a href="http://www.ubuntu.com/"><img src="http://www.ubuntu.com/files/countdown/static.png" width="180" height="150" alt="Ubuntu: For Desktops, Servers, Netbooks and in the cloud" border="0" /></a></noscript>

Update: Steve Dodier just shared a php-based alternative to the basic javascript degradation. This version will display a proper countdown even with javascript disabled. It may be a little slower in loading (fixed: this new code is fast), but will surely look better.

<img src="http://www.2nt.free.fr/host/jaunty/countdown2.php" />

Also, you can mess with PHP, you can find the script source here.

The calendar:

<script type="text/javascript" src="http://www.ubuntu.com/files/countdown/display2.js"></script>
<noscript><a href="http://www.ubuntu.com/"><img src="http://www.ubuntu.com/files/countdown/static.png" width="180" height="150" alt="Ubuntu: For Desktops, Servers, Netbooks and in the cloud" border="0" /></a></noscript>

Slideshow:

The coolest and trickiest of them all. (may give little problem in the 0.01% of site setup in case you make of heavy use of ajax/javascript in the rest of your site).

<script type="text/javascript">
document.write('<iframe src="http://www.ubuntu.com/files/countdown/904/countdown-9.04-1/countdown.html" width="180" height="150" frameborder="0" scrolling="no" name="ubuntucountdown"><a href="http://www.ubuntu.com/"><img src="http://www.ubuntu.com/files/countdown/904/countdown-9.04-1/00.png" alt="Ubuntu 9.04 - on desktops, netbooks, servers and in the cloud" width="180" height="150" border="0" /></a></iframe>');
</script>
<noscript><a href="http://www.ubuntu.com/"><img src="http://www.ubuntu.com/files/countdown/static.png" width="180" height="150" alt="Ubuntu: For Desktops, Servers, Netbooks and in the cloud" border="0" /></a></noscript>

Authors

The great people who did them:

Official instructions

Enjoy !

This seems like a great time to subscribe my RSS !

One response to “Let’s countdown together”

  1. Jason Crane

    Thanks for the link. I’ve got my banner at http://jasoncrane.org.

    Jason

Leave a Reply

Don’t forget to Subscribe

Bills

Latest Activity

Posts