JauntyCountdownBanners

Differences between revisions 34 and 35
Revision 34 as of 2009-03-10 09:41:08
Size: 7691
Editor: 89
Comment:
Revision 35 as of 2009-03-10 13:08:04
Size: 7709
Editor: yttrium
Comment:
Deletions are marked like this. Additions are marked like this.
Line 178: Line 178:
Wow!-- Gerry C

Countdown banners for Ubuntu 9.04

Post your ideas for a countdown banner here. Guidelines are:

  • width: 180px
  • height: 150px
  • optimized png, gif or jpg, or
  • iframe containing interactive content (using static html, css, js and images - no PHP)
  • no flash - must work perfectly with only free software

A successful implementation will countdown the days from the Beta to final release. This means 30 images numbered 1 - 30 plus one for day 0 that says "coming soon" and one more that says "it's here" (32 images total).

For reference see the IntrepidCountdownBanners

Post your drafts and mockups here along with any extra information you feel is useful then send a message to the web presence team mailing list so we can discuss it.

A few of the best will be selected to be syndicated from www.ubuntu.com/getubuntu/countdown and one of the best that harmonizes well with the Ubuntu website's colors and look will be shown on the Ubuntu.com homepage.

SVG Template

In case anyone else would like to create a banner where something more than just the number changes, here's an SVG template. It's derived from the set I created last time.

Usage: Keep the export_targets layer locked until you want to export. Then unlock it, lock the other layers. Select all in the export_targets layer (simply hit Ctrl-A). File -> Export_Bitmap. In the export dialog, switch on "Batch export all selected objects". This will result in a bunch of PNG images with filenames like "countdown_09-04_a_15_days.png". The template is prepared for 5 series (a, b, c, d, e), if you use less, just delete the superfluous columns (don't forget to include the contents of the export_targets layer).

The background, logo and "ubuntu 9.04" text are all part of cloned copies, so you can change all of them by editing just one, but you have to unlink a clone to make it different.

I left the text and numbers in for orientation, feel encouraged to change everything or to start from scratch.

Thorsten Wilms | t_w_@freenet.de | http://thorwil.wordpress.com

Javascript driven Template, by Stéphane Vergeylen and Wolter Jolan

I have used javascript to dynamically modify the texte which is displayed on the banner. There is thus infinite possibility of updating the welcome text, or to animated the displayed text.

For example, we can add "Ubuntu 9.04" in alternance with "Jaunty Jackalope". These two texts can toogle with a nice fade effect i can made.

Remark : This javascript can work with every of the other banners, if needed.

Watch http://www.vergeylen.eu/stephane/index.php?page=banner-for-9-04 to see the banner in action...

Simple Jaunty Countdown

I have used some of the 3 color tints of ubuntu logo, and I wanted to keep it simple. Here it is!

jaunty_countdown_orange.jpg

Comments

Jaunty! I really like it (Gerry C)

This one is pretty awesome! What I dislike is the forced position of the jackalope -- WolterHellmund

A Brown One

jaunty_countdown_brown.jpg

Coffee Late

jaunty_countdown_coffee.jpg

MadsRH

by madsrh(a)gmail.com

jaunty_countdown_banner2.jpg

jaunty_countdown_banner1.jpg

Comments

I think this one (#1) is amazing! I just love it! (ionuts.radu)

Rugby471 & MiffanR3

I have used the image that Miffan R3 has made from here to create this OpenSUSE inspired countdown (the size is currently not right, however it will be correct in future versions)

jaunty-jackalope-rugby471-miffan.png

ff25

by ff25_us(a)yahoo.com

jaunty_countdown_ff25_1.png

jaunty_countdown_ff25_2.png

Wikipedia Jackalope

Taken from a photo from the Wikipedia page on the jackalope, mostly a joke but hopefully a good example!

wikipedia-jackalope30.png wikipedia-jackalope29.png wikipedia-jackalope28.png wikipedia-jackalope28.png wikipedia-jackalope27.png wikipedia-jackalope26.png wikipedia-jackalope25.png wikipedia-jackalope24.png wikipedia-jackalope23.png wikipedia-jackalope22.png wikipedia-jackalope21.png wikipedia-jackalope20.png wikipedia-jackalope19.png wikipedia-jackalope18.png wikipedia-jackalope17.png wikipedia-jackalope16.png wikipedia-jackalope15.png wikipedia-jackalope14.png wikipedia-jackalope13.png wikipedia-jackalope12.png wikipedia-jackalope11.png wikipedia-jackalope10.png wikipedia-jackalope9.png wikipedia-jackalope8.png wikipedia-jackalope7.png wikipedia-jackalope6.png wikipedia-jackalope5.png wikipedia-jackalope4.png wikipedia-jackalope3.png wikipedia-jackalope2.png wikipedia-jackalope1.png wikipedia-jackalopeSOON.png wikipedia-jackalopeHERE.png

harrypopof

harrypopof3(a)gmail.com

Jaunty_9-04_annonce_days30.png Jaunty_9-04_annonce_days15.png Jaunty_9-04_annonce_days5.png Jaunty_9-04_annonce_comming_soon.png Jaunty_9-04_annonce_its_here.png

next : jaunty_annonceII_days30.jpg

The Bukwus

Simple, yet obvious.

26.png yay.png

Anarchtic

jholtiv(a)gmail.com

anarchtic.jpg

Wolter Hellmund

wolter-13.png wolter-dday.png

There is also an "it's here!" version, as well as some others. Download the full pack to view these.

WolterHellmund

Thorwil's Ring

Top

tw_ring_24_days.png tw_ring_00_days_soon.png tw_ring_00_days_here.png

All 32 packaged

Comments

I like others too, but this one takes it a new level. Really. -- VadimPeretokin

Agreed. Both the Top and Bottom versions are better than I could imagine. I would be happy if either were picked. -- Kyle

Wow!-- Gerry C

Bottom

tw_ring_bottom_19_days.png tw_ring_bottom_00_days_soon.png tw_ring_bottom_00_days_here.png

All 32 packaged

All images and sources are also in my Launchpad branch

Thorsten Wilms | t_w_@freenet.de | http://thorwil.wordpress.com

Website/JauntyCountdownBanners (last edited 2009-03-27 14:09:09 by p508973D8)