CINXE.COM
Invisible Revolution
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1"> <title>Invisible Revolution</title> <meta name="viewport" content="width = 1200, minimum-scale = 0.25, maximum-scale = 1.60"> <meta name="GENERATOR" content="Freeway 5 Pro 5.6.4"> <style type="text/css"> <!-- body { margin:0px; background-color:#ebd89d; background-image:url(Resources/background.gif); background-repeat:no-repeat; background-attachment:fixed; height:100% } html { height:100% } form { margin:0px } img { margin:0px; border-style:none } button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top } p:first-child { margin-top:0px } table { empty-cells:hide } .f-sp { font-size:1px; visibility:hidden } .f-lp { margin-bottom:0px } .f-fp { margin-top:0px } .f-x1 { } .f-x2 { } .f-x3 { } a:link { color:#000; text-decoration:none } a:visited { color:#000; text-decoration:none } a:hover { color:#fff; text-decoration:none } a:active { color:#036 } em { font-style:italic } h1 { font-weight:bold; font-size:18px } h1:first-child { margin-top:0px } h2 { font-weight:bold; font-size:16px } h2:first-child { margin-top:0px } h3 { font-weight:bold; font-size:14px } h3:first-child { margin-top:0px } strong { color:#4c4c4c; font-weight:bold; font-size:90% } .style19 { color:#000; font-family:Georgia,Palatino,Times,serif; font-size:90%; line-height:1.3; text-align:left } .style8 { color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:120%; text-transform:uppercase; letter-spacing:7px } .style7 { color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:120%; text-transform:capitalize; letter-spacing:14px } .style5 { color:#000; font-family:Georgia,Palatino,Times,serif } .style2 { color:#000; font-family:Georgia,Palatino,Times,serif; line-height:1.3 } .style72 { color:#000; font-family:Georgia,Palatino,Times,serif } .style58 { color:#000; font-family:Georgia,Palatino,Times,serif; line-height:1.3; text-align:left } .style49 { color:#262626; font-family:Georgia,Palatino,Times,serif; line-height:1.3; text-align:left } .style12 { color:#000 } .style79 { color:#000; font-family:Georgia,Palatino,Times,serif; line-height:1.3; text-align:left } .style69 { font-size:11px } .style80 { color:#000; font-family:Georgia,Palatino,Times,serif; line-height:1.3; text-align:center } .style74 { color:#000; font-family:Georgia,Palatino,Times,serif; line-height:1.3; text-align:center } .style9 { color:#000; font-family:Georgia,Palatino,Times,serif; line-height:1.3 } .style4 { color:#000; font-family:Georgia,Palatino,Times,serif; line-height:1.3 } .style3 { color:#000 } .style65 { color:#000; font-family:Arial,Helvetica,sans-serif; font-size:14px; text-transform:uppercase; letter-spacing:7px; line-height:1.3; text-align:left } .style82 { font-size:11px } .style83 { color:#000; font-family:Arial,Helvetica,sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:5.5px } --> </style> <!--[if lt IE 7]> <link rel=stylesheet type="text/css" href="css/ie6.css"> <![endif]--> </head> <body> <div id="PageDiv" style="position:relative; min-height:100%; margin:auto; width:1200px"> <div id="item1" style="position:absolute; left:329px; top:76px; width:565px; height:636px; z-index:1; overflow:visible; max-width:540px"> <p class="style19"><span class="style8">Invisible Revolution</span></p> <p> </p> <p class="style2">Welcome to the Invisible Revolution, a web documentary <span class="style72">on</span> Doug Engelbart, the man who invented much of the information environment we live in today - the computer mouse, word processing, email, hypertext and so on. In short: Interactive computing.</p> <p class="style2">This is his story, and the story of his fellow dreamers, thinkers, doers - revolutionaries - who changed our lives forever.</p> <p class="style58"><img src="Resources/dougcloseup1.gif" border=0 width=268 height=128 alt="dougcloseup1" style="vertical-align:baseline"><img src="Resources/fldougcomp1.gif" border=0 width=268 height=128 alt="fldougcomp1" style="vertical-align:baseline"></p> <p class="style49"><img src="Resources/leafdbigfl1.gif" border=0 width=268 height=128 alt="leafdbigfl1" style="vertical-align:baseline"><img src="Resources/dougcloseuplongba.gif" border=0 width=268 height=128 alt="dougcloseuplongbase1" style="vertical-align:baseline"></p> <p class="style2">We hope you find Doug's story as important and inspirational as we do and that you will take the time to look beyond the tools he invented and reflect on the reason he invented them.</p> <p class="style2"><span class="style12">The 40th anniversary of Doug's demo was celebrated in December 2008.</span> Have a look at why it's such a big deal for our history and our future: <a href="significanceoftw.html">The Significance of Two Pasts.</a></p> <p class="style2">Please also take a look at Doug's seminal <a href="http://www.1962paper.org/">1962 paper</a> and the mother of all demos, the <a href="http://www.1968demo.org">1968 demo</a>.<br> </p> <p class="style79"><a href="http://www.frodehegland.com"><em>Frode Hegland</em></a><em> & Fleur Klijnsma</em></p> <p class="style58">London<br><BR><BR> We miss you Doug. Rest in peace. </p><span class="style69">(</span><a href="project.html"><span class="style69">about the project</span></a><span class="style69">)</span></p> <p class="style2"> </p> <hr> <p class="style80"> </p> <p class="style80"><iframe style="border:none; overflow:auto; width:501px; height:68px" src="http://www.facebook.com/plugins/like.php?locale=en_US&href=http%3A%2f%2fwww.invisiblerevolution.net%2findex.html&send=false&layout=standard&width=501&show_faces=true&action=like&colorscheme=light&font=lucida+grande&height=68" scrolling="no" frameborder="0"></iframe> </p> <p class="style74"> </p> <p class="style9"> </p> <p class="style4"> <br> </p> <p class="style4 f-lp"> <br> </p> </div> <div id="item2" style="position:absolute; left:331px; top:23px; width:552px; height:25px; z-index:2; overflow:visible"> <p class="style65 f-lp"><a href="index.html"><span class="style69">Welcome</span></a><a href="thestory.html"><span class="style69"> Story</span></a><a href="documents.html"><span class="style82"> </span><span class="style69">Documents</span></a><a href="engelbart/glossary/audio.html"><span class="style83"> </span><span class="style69">Audio</span></a><a href="video.html"><span class="style82"> </span><span class="style69">Video</span></a></p> </div> </div> <!--[if IE]> <script type=text/javascript> var iframes = document.getElementsByTagName('iframe'); for(var i in iframes) iframes[i].allowTransparency = 'true'; </script> <![endif]--> </body> </html>