view mbp.html @ 35:9c34b211740a

added width and height attribute information to images
author Atul Varma <varmaa@toolness.com>
date Fri, 11 Dec 2009 14:58:31 -0800
parents 66b3a6fcd3b8
children ddab6ae20001
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 class="small large"
         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 class="large"
         width="3720" height="2480"
         src="http://farm3.static.flickr.com/2567/4088072729_0286a1611c_o.jpg"/>
    <img class="small"
         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 class="large"
         width="663" height="848"
         src="http://farm3.static.flickr.com/2778/4090865406_2cc961098e_o.jpg"/>
    <img class="small"
         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 class="large small"
         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 class="large small"
         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 &amp; Mozilla project.</div>
</div>
<div class="mbp-entry">
  <a class="link"
     href="http://blog.stephenhorlander.com/2009/11/20/sketch-day/">
    <img class="large"
         width="1172" height="906"
         src="http://www.stephenhorlander.com/images/blog-posts/sketches/menu-sketch-large.jpg"/>
    <img class="small"
         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 class="large small"
         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="images"></div>
</body>
</html>