view ff-herdict-preso.html @ 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.
author Atul Varma <varmaa@toolness.com>
date Wed, 10 Feb 2010 13:32:36 -0800
parents 7b67d3e40479
children ca63f0dd6b0e
line wrap: on
line source

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/DTD/strict.dtd">
<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="css/ff-herdict-preso.css" />
  <title>Mozilla Labs: Firefox-Herdict Integration Pitch</title>
</head>
<body>
<div id="container">
  <div id="slides">
    <div data-at="0.0">
      <a href="http://www.mozillalabs.com"><img id="logo" src="images/labs-logo.png"/></a>
      <h1>Firefox-Herdict Integration Pitch</h1>
    </div>
    <div data-at="4.0">
      <img src="images/server-not-found.png"/>
    </div>
    <div data-at="18.0">
      &ldquo;Is there something <em>I</em> can do to fix this?&rdquo;
    </div>
    <div data-at="28.0">
      <a href="http://www.theatlantic.com/doc/200803/chinese-firewall"><img src="images/fallows-article.png"/></a>
    </div>
    <div data-at="49.0">
      <a href="http://www.flickr.com/photos/pfly/130659908/"><img src="images/ethernet.jpg"/></a>
    </div>
    <div data-at="53.5">
      <a href="http://www.flickr.com/photos/laughingsquid/176520418/"><img src="images/router.jpg"/></a>
    </div>
    <div data-at="56.0">
      <img src="images/comcast.gif"/>
    </div>
    <div data-at="59.5">
      <a href="http://www.flickr.com/photos/giantginkgo/69237905/"><img src="images/cubicles.jpg"/></a>
    </div>
    <div data-at="63.0">
      <a href="http://en.wikipedia.org/wiki/People%27s_Republic_of_China"><img src="images/china-flag.png"/></a>
    </div>
    <div data-at="68.0">
      bleh.
    </div>
    <div data-at="74.0">
      &ldquo;Is there something <em>I</em> can do to fix this?&rdquo;
    </div>
    <div data-at="79.0">
      <a href="http://www.herdict.org/web"><img src="images/herdict-logo.gif"/></a>
    </div>
    <div data-at="82.0">
      <a href="http://cyber.law.harvard.edu"><img src="images/berkman-logo.png"/></a>
    </div>
    <div data-at="89.0">
      <a href="http://www.herdict.org/web"><img src="images/herdict-map-2.png"/></a>
    </div>
    <div data-at="100.0">
      &ldquo;Can other people on the internet see this site?&rdquo;
    </div>
    <div data-at="112.0">
      &ldquo;Is there something <em>I</em> can do to fix this?&rdquo;
    </div>
    <div data-at="120.0">
      <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-firewall.png"/></a>
    </div>
    <div data-at="125.0">
      <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-china.png"/></a>
    </div>
    <div data-at="130.0">
      <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-everyone.png"/></a>
    </div>
    <div data-at="144.5">
      <p><img src="images/dino-head.png"/></p>
      <p>For more information, visit the <a href="https://wiki.mozilla.org/Firefox/Projects/Herdict">project wiki page</a>.</p>
    </div>
  </div>
  <div id="subtitles">
    <p data-at="0.0" class="visible">Firefox's network error pages are
    familiar to everyone.</p>
    <p data-at="4.0">But they're not very useful. Most people, if
    they're like me, see this wall of text and interpret it to mean
    "the internet broke and we have no idea why."</p>
    <p data-at="14.0">The fundamental question users want answered
    when they see this is: is there something <em>I</em> can do to fix
    this?</p>
    <p data-at="22.0">Now, the architecture of the internet makes it
    fairly hard to actually pinpoint why a network is down.</p>
    <p data-at="28.0">As James Fallows explains in his article "The
    Connection Has Been Reset" from The Atlantic's March 2008
    issue...</p>
    <p data-at="34.5">some national governments
    even exploit this to prevent their people from seeing things that the
    government doesn't want them to see.</p>
    <p data-at="42.0">All this means that a "server not found" error
    page could have been raised because...</p>
    <p data-at="49.0">the user's network connection got unplugged...</p>
    <p data-at="53.5">or it could be because their local router is
    down...</p>
    <p data-at="56.0">or it could be because their ISP is having
    problems...</p>
    <p data-at="59.5">or because their corporation is blocking access
    to the site...</p>
    <p data-at="63.0">or because their government is...</p>
    <p data-at="68.0">or it could be because the site is actually down.</p>
    <p data-at="70.0">Firefox should do its best to answer that
    fundamental question: is there something <em>I</em> can do to fix
    this and get where I want to go?</p>
    <p data-at="79.0">Enter Herdict.</p>
    <p data-at="82.0">Herdict is a project of the Berkman Center for
    Internet & Society at Harvard University, a brainchild of
    Professor Jonathan Zittrain, that attempts to use crowdsourcing to
    generate a global picture of internet connectivity.</p>
    <p data-at="95.0">Put simply, it uses the power of the internet
    itself to ask the question: <em>can other people on the internet
    see this site? If so, who?</em></p>
    <p data-at="106.0">Firefox can use the answers to these questions
    to help answer the user's fundamental question: is there something
    <em>I</em> can do to fix this?</p>
    <p data-at="116.0">This Labs Experiment is an attempt at picturing what
    Firefox-Herdict integration might look like.</p>
    <p data-at="122.0">It's intended to be as
    unintrusive as possible to the user experience, so it only aims to
    improve upon the already notoriously unhelpful network error
    pages.</p>
    <p data-at="133.0">Rather than being a final solution, this Labs
    Experiment is intended to build mindshare and catalyze discussion
    about what a better network error page might look like...</p>
    <p data-at="143.0">in keeping with Mozilla's tradition of creating
    things that do stuff to make the internet better.</p>
  </div>
  <audio id="main" controls="indeed" autobuffer="indeed">
    <source src="audio/ff-herdict-preso.ogg"
	    type="audio/ogg">
    <source src="audio/ff-herdict-preso.mp3"
	    type="audio/mpeg">
    Alas, this presentation requires <a
    href="http://getfirefox.com">Firefox</a> or another
    standards-compliant browser that
    supports the <code>audio</code> element.
  </audio>
  <p id="license"><a 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></p>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/ff-herdict-preso.js"></script>
</html>