Mercurial > ff-herdict-preso
annotate ff-herdict-preso.html @ 16:851edaba4c87 blog-post
Linked my name to the related blog post for this project.
| author | Atul Varma <varmaa@toolness.com> |
|---|---|
| date | Wed, 10 Feb 2010 16:34:49 -0800 |
| parents | 26e0ce205a8f |
| children |
| rev | line source |
|---|---|
| 0 | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" |
| 2 "http://www.w3.org/TR/html4/DTD/strict.dtd"> | |
| 3 <html> | |
| 4 <head> | |
| 5 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> | |
| 6 <base target="_blank"/> | |
| 7 <link rel="stylesheet" type="text/css" media="all" | |
| 8 href="css/ff-herdict-preso.css" /> | |
| 9 <title>Mozilla Labs: Firefox-Herdict Integration Pitch</title> | |
| 10 </head> | |
| 11 <body> | |
| 12 <div id="container"> | |
| 13 <div id="slides"> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
14 <div data-at="0.0"> |
| 0 | 15 <a href="http://www.mozillalabs.com"><img id="logo" src="images/labs-logo.png"/></a> |
| 16 <h1>Firefox-Herdict Integration Pitch</h1> | |
| 17 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
18 <div data-at="4.0"> |
| 0 | 19 <img src="images/server-not-found.png"/> |
| 20 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
21 <div data-at="18.0"> |
| 0 | 22 “Is there something <em>I</em> can do to fix this?” |
| 23 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
24 <div data-at="28.0"> |
| 0 | 25 <a href="http://www.theatlantic.com/doc/200803/chinese-firewall"><img src="images/fallows-article.png"/></a> |
| 26 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
27 <div data-at="49.0"> |
| 0 | 28 <a href="http://www.flickr.com/photos/pfly/130659908/"><img src="images/ethernet.jpg"/></a> |
| 29 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
30 <div data-at="53.5"> |
| 0 | 31 <a href="http://www.flickr.com/photos/laughingsquid/176520418/"><img src="images/router.jpg"/></a> |
| 32 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
33 <div data-at="56.0"> |
| 0 | 34 <img src="images/comcast.gif"/> |
| 35 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
36 <div data-at="59.5"> |
| 0 | 37 <a href="http://www.flickr.com/photos/giantginkgo/69237905/"><img src="images/cubicles.jpg"/></a> |
| 38 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
39 <div data-at="63.0"> |
| 0 | 40 <a href="http://en.wikipedia.org/wiki/People%27s_Republic_of_China"><img src="images/china-flag.png"/></a> |
| 41 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
42 <div data-at="68.0"> |
| 0 | 43 bleh. |
| 44 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
45 <div data-at="74.0"> |
| 0 | 46 “Is there something <em>I</em> can do to fix this?” |
| 47 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
48 <div data-at="79.0"> |
| 0 | 49 <a href="http://www.herdict.org/web"><img src="images/herdict-logo.gif"/></a> |
| 50 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
51 <div data-at="82.0"> |
| 0 | 52 <a href="http://cyber.law.harvard.edu"><img src="images/berkman-logo.png"/></a> |
| 53 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
54 <div data-at="89.0"> |
| 0 | 55 <a href="http://www.herdict.org/web"><img src="images/herdict-map-2.png"/></a> |
| 56 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
57 <div data-at="100.0"> |
| 0 | 58 “Can other people on the internet see this site?” |
| 59 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
60 <div data-at="112.0"> |
| 0 | 61 “Is there something <em>I</em> can do to fix this?” |
| 62 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
63 <div data-at="120.0"> |
| 0 | 64 <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-firewall.png"/></a> |
| 65 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
66 <div data-at="125.0"> |
| 0 | 67 <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-china.png"/></a> |
| 68 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
69 <div data-at="130.0"> |
| 0 | 70 <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-everyone.png"/></a> |
| 71 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
72 <div data-at="144.5"> |
| 0 | 73 <p><img src="images/dino-head.png"/></p> |
| 74 <p>For more information, visit the <a href="https://wiki.mozilla.org/Firefox/Projects/Herdict">project wiki page</a>.</p> | |
| 75 </div> | |
| 76 </div> | |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
77 <div id="subtitles"> |
|
11
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
78 <p data-at="0.0" class="visible">Firefox's network error pages are |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
79 familiar to everyone.</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
80 <p data-at="4.0">But they're not very useful. Most people, if |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
81 they're like me, see this wall of text and interpret it to mean |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
82 "the internet broke and we have no idea why."</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
83 <p data-at="14.0">The fundamental question users want answered |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
84 when they see this is: is there something <em>I</em> can do to fix |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
85 this?</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
86 <p data-at="22.0">Now, the architecture of the internet makes it |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
87 fairly hard to actually pinpoint why a network is down.</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
88 <p data-at="28.0">As James Fallows explains in his article "The |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
89 Connection Has Been Reset" from The Atlantic's March 2008 |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
90 issue...</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
91 <p data-at="34.5">some national governments |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
92 even exploit this to prevent their people from seeing things that the |
|
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
93 government doesn't want them to see.</p> |
|
11
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
94 <p data-at="42.0">All this means that a "server not found" error |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
95 page could have been raised because...</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
96 <p data-at="49.0">the user's network connection got unplugged...</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
97 <p data-at="53.5">or it could be because their local router is |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
98 down...</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
99 <p data-at="56.0">or it could be because their ISP is having |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
100 problems...</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
101 <p data-at="59.5">or because their corporation is blocking access |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
102 to the site...</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
103 <p data-at="63.0">or because their government is...</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
104 <p data-at="68.0">or it could be because the site is actually down.</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
105 <p data-at="70.0">Firefox should do its best to answer that |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
106 fundamental question: is there something <em>I</em> can do to fix |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
107 this and get where I want to go?</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
108 <p data-at="79.0">Enter Herdict.</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
109 <p data-at="82.0">Herdict is a project of the Berkman Center for |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
110 Internet & Society at Harvard University, a brainchild of |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
111 Professor Jonathan Zittrain, that attempts to use crowdsourcing to |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
112 generate a global picture of internet connectivity.</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
113 <p data-at="95.0">Put simply, it uses the power of the internet |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
114 itself to ask the question: <em>can other people on the internet |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
115 see this site? If so, who?</em></p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
116 <p data-at="106.0">Firefox can use the answers to these questions |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
117 to help answer the user's fundamental question: is there something |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
118 <em>I</em> can do to fix this?</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
119 <p data-at="116.0">This Labs Experiment is an attempt at picturing what |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
120 Firefox-Herdict integration might look like.</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
121 <p data-at="122.0">It's intended to be as |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
122 unintrusive as possible to the user experience, so it only aims to |
|
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
123 improve upon the already notoriously unhelpful network error |
|
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
124 pages.</p> |
|
11
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
125 <p data-at="133.0">Rather than being a final solution, this Labs |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
126 Experiment is intended to build mindshare and catalyze discussion |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
127 about what a better network error page might look like...</p> |
|
9c2325f7bcb1
Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
128 <p data-at="143.0">in keeping with Mozilla's tradition of creating |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
129 things that do stuff to make the internet better.</p> |
|
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
130 </div> |
|
3
40ebdb2b0985
Added audio in mp3 format. This presentation now works fine on the latest versions of Firefox, Chrome, and Safari.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
131 <audio id="main" controls="indeed" autobuffer="indeed"> |
|
40ebdb2b0985
Added audio in mp3 format. This presentation now works fine on the latest versions of Firefox, Chrome, and Safari.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
132 <source src="audio/ff-herdict-preso.ogg" |
|
40ebdb2b0985
Added audio in mp3 format. This presentation now works fine on the latest versions of Firefox, Chrome, and Safari.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
133 type="audio/ogg"> |
|
40ebdb2b0985
Added audio in mp3 format. This presentation now works fine on the latest versions of Firefox, Chrome, and Safari.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
134 <source src="audio/ff-herdict-preso.mp3" |
|
40ebdb2b0985
Added audio in mp3 format. This presentation now works fine on the latest versions of Firefox, Chrome, and Safari.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
135 type="audio/mpeg"> |
|
7
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
136 Alas, this presentation requires <a |
|
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
137 href="http://getfirefox.com">Firefox</a> or another |
|
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
138 standards-compliant browser that |
|
7b67d3e40479
Refactored content and DOM structure, refactored code into a syncVisualsWithAudio() function.
Atul Varma <varmaa@toolness.com>
parents:
3
diff
changeset
|
139 supports the <code>audio</code> element. |
| 0 | 140 </audio> |
|
12
ca63f0dd6b0e
Better subtitles, now toggle-able too.
Atul Varma <varmaa@toolness.com>
parents:
11
diff
changeset
|
141 <p class="button" id="show-subtitles">Click to show subtitles.</p> |
|
ca63f0dd6b0e
Better subtitles, now toggle-able too.
Atul Varma <varmaa@toolness.com>
parents:
11
diff
changeset
|
142 <p class="button" id="hide-subtitles">Click to hide subtitles.</p> |
|
14
26e0ce205a8f
Show more information if the CC license image is hovered-over.
Atul Varma <varmaa@toolness.com>
parents:
12
diff
changeset
|
143 <div><a id="license" rel="license" href="http://creativecommons.org/licenses/by/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/us/80x15.png" /></a> |
|
16
851edaba4c87
Linked my name to the related blog post for this project.
Atul Varma <varmaa@toolness.com>
parents:
14
diff
changeset
|
144 <div id="more-info"><span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/MovingImage" property="dc:title" rel="dc:type">Firefox-Herdict Integration Pitch</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.toolness.com/wp/?p=772" property="cc:attributionName" rel="cc:attributionURL">Atul Varma</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 United States License</a>.</div></div> |
| 2 | 145 </div> |
| 0 | 146 </body> |
| 147 <script src="js/jquery.js"></script> | |
| 148 <script src="js/ff-herdict-preso.js"></script> | |
| 149 </html> |