Mercurial > mozilla-the-big-picture
view mbp.html @ 37:ddab6ae20001
The best image for display is now chosen dynamically based on display resolution, rather than depending on the large/small CSS class metadata.
author | Atul Varma <varmaa@toolness.com> |
---|---|
date | Fri, 11 Dec 2009 16:18:38 -0800 |
parents | 9c34b211740a |
children | 496e8bb45290 |
line wrap: on
line source
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <base target="_blank" /> <link rel="stylesheet" type="text/css" media="all" href="mbp.css" /> <title>Mozilla: The Big Picture</title> </head> <body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script src="mbp.js"></script> <div id="countdown"></div> <div id="container" style="display: none;"> <h1>mozilla: the big picture</h1> <div class="mbp-entry"> <a class="link" href="http://blog.mozilla.com/blog/2009/11/06/firefox-goes-mobile-winner-announced-plus-a-new-design-challenge/"> <img width="580" height="647" src="http://creative.mozilla.org/images/designs/0/346/346_lg.jpg" style="clip: rect(136, 375, 261, 250);"/> </a> <div class="title">Pocketfox</div> <div class="date">11.6.09</div> <div class="caption">Yaroslaff Chekunov's winning entry for the Mozilla Creative Collective's “Firefox Goes Mobile” Design Challenge is now the official emblem for the upcoming mobile version of Firefox.</div> </div> <div class="mbp-entry"> <a class="link" href="http://www.flickr.com/photos/nois3lab/4088072729/in/set-72157622640597827/"> <img width="3720" height="2480" src="http://farm3.static.flickr.com/2567/4088072729_0286a1611c_o.jpg"/> <img width="500" height="333" src="http://farm3.static.flickr.com/2567/4088072729_57e0e4c513.jpg" style="clip: rect(36, 293, 160, 169);"/> </a> <div class="title">Colosseo</div> <div class="date">11.8.09</div> <div class="caption">In this bold entry to the “Light the World with Firefox” campaign, community members in Rome illuminated one of the world's most venerated buildings.</div> </div> <div class="mbp-entry"> <a class="link" href="http://www.flickr.com/photos/rogeliocalamaya/4090865406/"> <img width="663" height="848" src="http://farm3.static.flickr.com/2778/4090865406_2cc961098e_o.jpg"/> <img width="391" height="500" src="http://farm3.static.flickr.com/2778/4090865406_76ed2868d9.jpg" style="clip: rect(163, 240, 290, 113);"/> </a> <div class="title">Birthday</div> <div class="date">11.9.09</div> <div class="caption">Rogelio Calamaya's entry in the “Five Years of Firefox” design challenge.</div> </div> <div class="mbp-entry"> <a class="link" href="http://antennasoft.net/robcee/2009/11/12/firebug-1-5-new-features-revealed/"> <img width="749" height="401" src="http://farm3.static.flickr.com/2527/4098694166_44025231d6_o.png" style="clip: rect(141, 133, 270, 4);"/> </a> <div class="title">Break</div> <div class="date">11.12.09</div> <div class="caption">Rob Campbell shows off Firebug's new Break-on-XHR feature: “This is what happens when you tell Amazon you're not interested in the Beatles.” </div> </div> <div class="mbp-entry"> <a class="link" href="http://www.womoz.org/blog/?p=142"> <img width="420" height="300" src="http://womoz.org/wiki/lib/exe/fetch.php?cache=&media=logos:logo9.jpg" style="clip: rect(48, 255, 250, 53);"/> </a> <div class="title">WoMoz</div> <div class="date">11.19.09</div> <div class="caption">Anamaria Stoica's submission was chosen as the new logo for the Women & Mozilla project.</div> </div> <div class="mbp-entry"> <a class="link" href="http://blog.stephenhorlander.com/2009/11/20/sketch-day/"> <img width="1172" height="906" src="http://www.stephenhorlander.com/images/blog-posts/sketches/menu-sketch-large.jpg"/> <img width="490" height="375" src="http://www.stephenhorlander.com/images/blog-posts/sketches/menu-sketch-small.jpg" style="clip: rect(16, 206, 197, 25);"/> </a> <div class="title">Sketch Day</div> <div class="date">11.20.09</div> <div class="caption">Stephen Horlander, visual designer extraordinaire, sketches his thoughts on how a future version of Firefox may look and feel.</div> </div> <div class="mbp-entry"> <a class="link" href="http://www.azarask.in/blog/post/identity-in-the-browser-firefox/"> <img width="1000" height="1500" src="http://farm3.static.flickr.com/2552/4128966575_9876fdb834_o.png" style="clip: rect(411, 720, 573, 558);"/> </a> <div class="title">Identity</div> <div class="date">11.24.09</div> <div class="caption">Aza Raskin, Mozilla's Head of User Experience, mocks up potential integrations of identity management directly into the browser.</div> </div> </div> <br/> <div id="big-picture"></div> </body> </html>