OneiricCountdownBanner

Differences between revisions 6 and 7
⇤ ← Revision 6 as of 2011-09-16 09:54:58 →
Size: 2732
Editor: leszekp
Comment:
← Revision 7 as of 2011-09-17 07:21:54 → ⇥
Size: 3286
Editor: 59
Comment: Added link to functional banner, in demo-mode.
Deletions are marked like this. Additions are marked like this.
Line 35: Line 35:
[[https://lh5.googleusercontent.com/-qVgWl-nWoQU/TnMCTFzlHgI/AAAAAAAAA5o/vayS5w_fKbA/banner.mock.scio.png|{{https://lh5.googleusercontent.com/-qVgWl-nWoQU/TnMCTFzlHgI/AAAAAAAAA5o/vayS5w_fKbA/s144/banner.mock.scio.png}}]] A fully functional [[http://dl.dropbox.com/u/164058/oneiricbanner/banner.html|banner]], currently set to demonstrate, has also been uploaded. Banner uses [[http://www.google.com/webfonts|Google Web Fonts]] and [[http://processing.org/|Processing.js]]. I shall look into embedding the two images in use as base64 in order to make the file standalone, as well as to remove the awkward flashing of internals while the images load.

[[https://lh5.googleusercontent.com/-qVgWl-nWoQU/TnMCTFzlHgI/AAAAAAAAA5o/vayS5w_fKbA/banner.mock.scio.png|{{https://lh5.googleusercontent.com/-qVgWl-nWoQU/TnMCTFzlHgI/AAAAAAAAA5o/vayS5w_fKbA/s144/banner.mock.scio.png}}]] [[http://dl.dropbox.com/u/164058/oneiricbanner/banner.html|{{http://dl.dropbox.com/u/164058/oneiricbanner/download.png}}]]

Countdown banners for Ubuntu 11.10

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 2 to final release. This means 21 images numbered 21 to 1 plus one for day 0 that says "coming soon" and one more that says "it's here" (24 images total).

For reference see the JauntyCountdownBanners

Post your drafts and mock-ups 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.

Submissions

Post your mock-ups and ideas here. Make sure there's enough detail so that we can contact you!

Corbin Davenport

I'm a 13-year old web developer from Woodstock, GA, USA. I have been using Ubuntu since 9.10, and I absolutely love it. This is the first time I am entering for this contest. My creation is an IFRAME banner. The banner is coded entirely in HTML, CSS, and JavaScript. The font is rendered the same way Ubuntu's website does it: with the Google Fonts API. I decided to make mine simple and easy on the eyes, versus a complicated clock.

Since I can't figure out how on Earth to post a picture on this Wiki, I made a demo here: http://corbindavenport.com/ubuntu/. If you need the code, email me at davenportcorbin@gmail.com. Thanks for reading!!

Sayantan Chaudhuri

I intend build a derivative of the Ubuntu-logo-as-a-progress-bar model using a dynamic canvas element.

Please see the static mock-up for further details. I can be contacted at sayantan.chaudhuri@gmail.com .

A fully functional banner, currently set to demonstrate, has also been uploaded. Banner uses Google Web Fonts and Processing.js. I shall look into embedding the two images in use as base64 in order to make the file standalone, as well as to remove the awkward flashing of internals while the images load.

https://lh5.googleusercontent.com/-qVgWl-nWoQU/TnMCTFzlHgI/AAAAAAAAA5o/vayS5w_fKbA/banner.mock.scio.png http://dl.dropbox.com/u/164058/oneiricbanner/banner.html

Leszek Pruszyński

Greetings from Poland! My idea of Ubuntu 11.10 countdown is a static images set - "Countdown Dots". All numbered images and Inkscape SVG source available. Contact me at: leszekp(at)gmail.com.

dots_lp_21.png dots_lp_17.png dots_lp_09.png dots_lp_01.png dots_lp_00.png dots_lp_its_here.png

Website/OneiricCountdownBanner (last edited 2011-09-22 02:49:46 by 200)