Mercurial > mozilla-the-big-picture

changeset 10:acef8b34542f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added 'colloseo' entry
author Atul Varma <varmaa@toolness.com>
date Sat, 28 Nov 2009 00:25:01 -0500
parents d56f9cc6f699
children be1b9f573d9c
files mbp.css mbp.html mbp.js
diffstat 3 files changed, 23 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/mbp.css	Sat Nov 28 00:06:56 2009 -0500
+++ b/mbp.css	Sat Nov 28 00:25:01 2009 -0500
@@ -6,6 +6,8 @@
     font-family: helvetica;
     font-size: 12pt;
     width: 10em;
+    float: left;
+    padding: 4pt;
 }
 
 .mbp-entry .title {
@@ -27,6 +29,7 @@
 }
 
 .mbp-entry .caption {
+    padding-top: 1em;
     font-size: 8pt;
 }
 
--- a/mbp.html	Sat Nov 28 00:06:56 2009 -0500
+++ b/mbp.html	Sat Nov 28 00:25:01 2009 -0500
@@ -22,6 +22,21 @@
   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"
+         src="http://farm3.static.flickr.com/2567/4088072729_0286a1611c_o.jpg"/>
+    <img class="small"
+         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>
 </body>
 <script src="jquery.js"></script>
--- a/mbp.js	Sat Nov 28 00:06:56 2009 -0500
+++ b/mbp.js	Sat Nov 28 00:25:01 2009 -0500
@@ -2,6 +2,11 @@
   function() {
     var rectRegexp = /rect\((\d+)px,? (\d+)px,? (\d+)px,? (\d+)px\)/;
     var loadsLeft = 0;
+    $(".mbp-entry img.large").each(
+      function() {
+        if (!$(this).hasClass("small"))
+          $(this).remove();
+      });
     $(".mbp-entry img.small").each(
       function() {
         loadsLeft++;