Mercurial > mozilla-the-big-picture
annotate mbp.html @ 22:598f114aa96d
rearranged entries in chronological order
author | Atul Varma <varmaa@toolness.com> |
---|---|
date | Sat, 28 Nov 2009 11:34:02 -0500 |
parents | ce765933ad08 |
children | cbaef654b9da |
rev | line source |
---|---|
8
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
1 <html> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
2 <head> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
3 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
4 <base target="_blank" /> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
5 <link rel="stylesheet" type="text/css" media="all" |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
6 href="mbp.css" /> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
7 <title>Mozilla: The Big Picture</title> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
8 </head> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
9 <body> |
13
317fba5f0d11
Added header and 'countdown' timer as images load.
Atul Varma <varmaa@toolness.com>
parents:
11
diff
changeset
|
10 <div id="countdown"></div> |
8
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
11 <div id="container" style="display: none;"> |
13
317fba5f0d11
Added header and 'countdown' timer as images load.
Atul Varma <varmaa@toolness.com>
parents:
11
diff
changeset
|
12 <h1>mozilla: the big picture</h1> |
8
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
13 <div class="mbp-entry"> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
14 <a class="link" |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
15 href="http://blog.mozilla.com/blog/2009/11/06/firefox-goes-mobile-winner-announced-plus-a-new-design-challenge/"> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
16 <img class="small large" |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
17 src="http://creative.mozilla.org/images/designs/0/346/346_lg.jpg" |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
18 style="clip: rect(136, 375, 261, 250);"/> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
19 </a> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
20 <div class="title">Pocketfox</div> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
21 <div class="date">11.6.09</div> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
22 <div class="caption">Yaroslaff Chekunov's winning entry for the |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
23 Mozilla Creative Collective's “Firefox Goes Mobile” Design Challenge |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
24 is now the official emblem for the upcoming mobile version of |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
25 Firefox.</div> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
26 </div> |
10 | 27 <div class="mbp-entry"> |
28 <a class="link" | |
29 href="http://www.flickr.com/photos/nois3lab/4088072729/in/set-72157622640597827/"> | |
30 <img class="large" | |
31 src="http://farm3.static.flickr.com/2567/4088072729_0286a1611c_o.jpg"/> | |
32 <img class="small" | |
33 src="http://farm3.static.flickr.com/2567/4088072729_57e0e4c513.jpg" | |
34 style="clip: rect(36, 293, 160, 169);"/> | |
35 </a> | |
36 <div class="title">Colosseo</div> | |
37 <div class="date">11.8.09</div> | |
38 <div class="caption">In this bold entry to the “Light the World | |
39 with Firefox” campaign, community members in Rome illuminated one of | |
40 the world's most venerated buildings.</div> | |
41 </div> | |
11
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
42 <div class="mbp-entry"> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
43 <a class="link" |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
44 href="http://www.flickr.com/photos/rogeliocalamaya/4090865406/"> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
45 <img class="large" |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
46 src="http://farm3.static.flickr.com/2778/4090865406_2cc961098e_o.jpg"/> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
47 <img class="small" |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
48 src="http://farm3.static.flickr.com/2778/4090865406_76ed2868d9.jpg" |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
49 style="clip: rect(163, 240, 290, 113);"/> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
50 </a> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
51 <div class="title">Birthday</div> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
52 <div class="date">11.9.09</div> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
53 <div class="caption">Rogelio Calamaya's entry in the “Five Years of |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
54 Firefox” design challenge.</div> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
55 </div> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
56 <div class="mbp-entry"> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
57 <a class="link" |
22
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
58 href="http://antennasoft.net/robcee/2009/11/12/firebug-1-5-new-features-revealed/"> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
59 <img class="large small" |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
60 src="http://farm3.static.flickr.com/2527/4098694166_44025231d6_o.png" |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
61 style="clip: rect(141, 133, 270, 4);"/> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
62 </a> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
63 <div class="title">Break</div> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
64 <div class="date">11.12.09</div> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
65 <div class="caption">Rob Campbell shows off Firebug's new |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
66 Break-on-XHR feature: “This is what happens when you tell Amazon |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
67 you're not interested in the Beatles.” </div> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
68 </div> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
69 <div class="mbp-entry"> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
70 <a class="link" |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
71 href="http://www.womoz.org/blog/?p=142"> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
72 <img class="large small" |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
73 src="http://womoz.org/wiki/lib/exe/fetch.php?cache=&media=logos:logo9.jpg" |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
74 style="clip: rect(48, 255, 250, 53);"/> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
75 </a> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
76 <div class="title">WoMoz</div> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
77 <div class="date">11.19.09</div> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
78 <div class="caption">Anamaria Stoica's submission was chosen as the new |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
79 logo for the Women & Mozilla project.</div> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
80 </div> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
81 <div class="mbp-entry"> |
598f114aa96d
rearranged entries in chronological order
Atul Varma <varmaa@toolness.com>
parents:
21
diff
changeset
|
82 <a class="link" |
11
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
83 href="http://blog.stephenhorlander.com/2009/11/20/sketch-day/"> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
84 <img class="large" |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
85 src="http://www.stephenhorlander.com/images/blog-posts/sketches/menu-sketch-large.jpg"/> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
86 <img class="small" |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
87 src="http://www.stephenhorlander.com/images/blog-posts/sketches/menu-sketch-small.jpg" |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
88 style="clip: rect(16, 206, 197, 25);"/> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
89 </a> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
90 <div class="title">Sketch Day</div> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
91 <div class="date">11.20.09</div> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
92 <div class="caption">Stephen Horlander, visual designer extraordinaire, |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
93 sketches his thoughts on how a future version of Firefox may look |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
94 and feel.</div> |
be1b9f573d9c
added 'birthday' and 'sketch day' entries
Atul Varma <varmaa@toolness.com>
parents:
10
diff
changeset
|
95 </div> |
19 | 96 <div class="mbp-entry"> |
97 <a class="link" | |
98 href="http://www.azarask.in/blog/post/identity-in-the-browser-firefox/"> | |
99 <img class="large small" | |
100 src="http://farm3.static.flickr.com/2552/4128966575_9876fdb834_o.png" | |
101 style="clip: rect(411, 720, 573, 558);"/> | |
102 </a> | |
103 <div class="title">Identity</div> | |
104 <div class="date">11.24.09</div> | |
20 | 105 <div class="caption">Aza Raskin, Mozilla's Head of User Experience, |
106 mocks up potential integrations of identity management directly into | |
107 the browser.</div> | |
19 | 108 </div> |
8
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
109 </div> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
110 </body> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
111 <script src="jquery.js"></script> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
112 <script src="mbp.js"></script> |
cd71f59b38f4
Added initial mozilla: the big picture page.
Atul Varma <varmaa@toolness.com>
parents:
diff
changeset
|
113 </html> |