Countdown

From openSUSE

You can help spreading new release of openSUSE by adding these fabulous countdown timers created by Billy Juliani and Jakub "jimmac" Steiner to your website.

Links point to http://en.opensuse.org/openSUSE_11.0 right now, which contains list of killer features of openSUSE 11.0 and information for community how to test beta releases.

Introduction

Jimmac's

The pictures are statically generated on the counter.opensuse.org server by a cron job, updated at 12:00 CET, using a Python+PIL script. This approach optimizes the performance on the server and also enables Apache to serve HTTP cache-control headers properly.

It is translated in many languages (english, german, czech, french, danish, russian, polish, dutch, finnish, spanish, italian, greek, swedish, croatian, norwegian, portuguese, hungarian, romanian) and is automatically displayed in the language configured in the visitor's preferred language(s), with the same URL.

The artwork is by Jakub "jimmac" Steiner and the font is DejaVu Sans.

Billy Juliani's

These aren't localized (the message is always displayed in English) but sport more variants in size and geometry. They're also more colourful.

Usage

Just copy and paste the code under the picture into your webpage:

jimmac's

square, original (256x256)

 <a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://counter.opensuse.org/11.0/medium" border="0"/></a>

square, small (130x130)

 <a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://counter.opensuse.org/11.0/small" border="0"/></a>

square, large (400x400)

 <a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://counter.opensuse.org/11.0/large" border="0"/></a>

Billy Juliani's

Graphic design of these countdown timers was created Billy Juliani, code and hosting by Pavol Rusnak.

leaderboard (728x90)

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/leaderboard.png" border="0" /></a>

full horizontal (468x60)

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/full.png" border="0" /></a>

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/full2.png" border="0" /></a>

original (300x150)

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/original.png" border="0" /></a>

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/original2.png" border="0" /></a>

original (300x150) with Image map

Alternatively you can us the following to make the Learn More buttonto actually work like a button/single link:

<img class="openSuSE_11_countdown" src="http://gk2.sk/countdown/original.png" width="300" height="150" border="0" usemap="#openSuSE">
<map name="openSuSE">
	<area shape="rect" coords="135,104,255,128" href="http://en.opensuse.org/openSUSE_11.0" />
</map>
 

square (130x130)

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/square.png" border="0" /></a>

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/square2.png" border="0" /></a>

vertical (120x240)

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/vertical.png" border="0" /></a>

<a href="http://en.opensuse.org/openSUSE_11.0"><img src="http://gk2.sk/countdown/vertical2.png" border="0" /></a>

Inside mediawiki

[http://en.opensuse.org/openSUSE_11.0 http://gk2.sk/countdown/leaderboard.png]

[http://en.opensuse.org/openSUSE_11.0 http://gk2.sk/countdown/full.png]

[http://en.opensuse.org/openSUSE_11.0 http://gk2.sk/countdown/original.png]

[http://en.opensuse.org/openSUSE_11.0 http://gk2.sk/countdown/square.png]

[http://en.opensuse.org/openSUSE_11.0 http://gk2.sk/countdown/vertical.png]