view mbp.html @ 46:89f1b54973b1 rough-draft

typo fix
author Atul Varma <varmaa@toolness.com>
date Mon, 14 Dec 2009 11:35:38 -0800
parents 1909896414d8
children
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/"></a>
  <a class="picture"
     data-width="580" data-height="647"
     href="http://creative.mozilla.org/images/designs/0/346/346_lg.jpg"
     data-crop="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/"></a>
  <a class="picture"
     data-width="3720" data-height="2480"
     href="http://farm3.static.flickr.com/2567/4088072729_0286a1611c_o.jpg"></a>
  <a class="picture"
     data-width="1024" data-height="683"
     href="http://farm3.static.flickr.com/2567/4088072729_57e0e4c513_b.jpg"></a>
  <a class="picture"
     data-width="500" data-height="333"
     href="http://farm3.static.flickr.com/2567/4088072729_57e0e4c513.jpg"
     data-crop="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/"></a>
  <a class="picture"
     data-width="663" data-height="848"
     href="http://farm3.static.flickr.com/2778/4090865406_2cc961098e_o.jpg"></a>
  <a class="picture"
     data-width="391" data-height="500"
     href="http://farm3.static.flickr.com/2778/4090865406_76ed2868d9.jpg"
     data-crop="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/"></a>
  <a class="picture"
     data-width="749" data-height="401"
     href="http://farm3.static.flickr.com/2527/4098694166_44025231d6_o.png"
     data-crop="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"></a>
  <a class="picture"
     data-width="420" data-height="300"
     href="http://womoz.org/wiki/lib/exe/fetch.php?cache=&media=logos:logo9.jpg"
     data-crop="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 &amp; Mozilla project.</div>
</div>
<div class="mbp-entry">
  <a class="link"
     href="http://blog.stephenhorlander.com/2009/11/20/sketch-day/"></a>
  <a class="picture"
     data-width="1172" data-height="906"
     href="http://www.stephenhorlander.com/images/blog-posts/sketches/menu-sketch-large.jpg"></a>
  <a class="picture"
     data-width="490" data-height="375"
     href="http://www.stephenhorlander.com/images/blog-posts/sketches/menu-sketch-small.jpg"
     data-crop="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/"></a>
  <a class="picture"
     data-width="1000" data-height="1500"
     href="http://farm3.static.flickr.com/2552/4128966575_9876fdb834_o.png"
     data-crop="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>