<head>
<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
- <title>In the wake of the war canoe : a stirring record of forty years' successful labour, peril & adventure amongst the savage Indian tribes of the Pacific coast, and the piratical head-hunting Haidas of the Queen Charlotte Islands, B. C</title>
+ <title>Flatland : a romance of many dimensions</title>
<!--[if lte IE 6]>
- <meta http-equiv="refresh" content="2; URL=/bookreader/browserunsupported.php?id=wakewarcanoe00collrich">
+ <meta http-equiv="refresh" content="2; URL=browserunsupported.php?id=flatlandromanceo00abbouoft">
<![endif]-->
- <script src="http://www-testflip.archive.org/includes/jquery-1.4.2.min.js" type="text/javascript"></script>
- <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/jquery-ui-1.8.5.custom.min.js"></script>
- <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/dragscrollable.js"></script>
- <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/jquery.colorbox-min.js"></script>
+ <link rel="stylesheet" type="text/css" href="BookReader.css?v=r28_1287170395">
+ <script src="http://www.archive.org/includes/jquery-1.4.2.min.js" type="text/javascript"></script>
+ <script type="text/javascript" src="jquery-ui-1.8.5.custom.min.js?v=r28_1287170395"></script>
+ <script type="text/javascript" src="http://www.archive.org/includes/analytics.js?v=2"></script>
+ <script type="text/javascript" src="dragscrollable.js?v=r28_1287170395"></script>
+ <script type="text/javascript" src="jquery.colorbox-min.js"></script>
+ <script type="text/javascript" src="jquery.ui.ipad.js"></script>
<!-- THIS ALLOWS BEAUTYTIPS TO WORK ON IE -->
<!--[if lt IE 9]>
- <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/excanvas.compiled.js"></script>
+ <script type="text/javascript" src="excanvas.compiled.js"></script>
<![endif]-->
- <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/jquery.bt.min.js"></script>
- <script type="text/javascript" src="BookReader.js"></script>
- <link rel="stylesheet" type="text/css" href="BookReader.css">
+ <script type="text/javascript" src="jquery.bt.min.js"></script>
+ <script type="text/javascript" src="BookReader.js?v=r28_1287170395"></script>
+ <script type="text/javascript" src="soundmanager/soundmanager2.js?v=r28_1287170395"></script>
+ <script>
+ soundManager.debugMode = false;
+ soundManager.url = 'soundmanager/swf/';
+ soundManager.useHTML5Audio = true;
+ soundManager.flashVersion = 9; //flash 8 version of swf is buggy when calling play() on a sound that is still loading
+ </script>
</head>
-<body style="background-color: ##939598;">
+<body>
-<div id="BookReader">Internet Archive BookReader <noscript>requires JavaScript to be enabled.</noscript></div>
-
-<div id="BRnav">
- <div id="BRpage">
- <button class="BRicon book_left"></button>
- <button class="BRicon book_right"></button>
+<div id="BookReader">Internet Archive BookReader <noscript>requires JavaScript to be enabled.</noscript></div>
+
+<div style="position:fixed;top:100px;left:10px;z-index:2000;">
+<button id="shareBtn" title="Share">Temp Share Button</button>
+<button id="infoBtn" title="About this book">Temp Info Button</button>
+</div>
+
+<script type="text/javascript">
+$().ready(function(){
+ $("#shareBtn").colorbox({inline: true, opacity: "0.5", href: "#shareThis"});
+ $("#infoBtn").colorbox({inline: true, opacity: "0.5", href: "#aboutThis"});
+});
+</script>
+<style type="text/css">
+</style>
+<div class="hidden">
+ <div class="BRfloat" id="shareThis">
+ <div class="BRfloatHead">
+ Share
+ <a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>
+ </div>
+ <p>Copy and paste one of these options to share this book elsewhere.</p>
+ <form method="post" action="">
+ <fieldset>
+ <label for="pageview">Link to this page view:</label>
+ <input type="text" name="pageview" id="pageview" value="http://thisisthelinktothispageview"/>
+ </fieldset>
+ <fieldset>
+ <label for="booklink">Link to the book:</label>
+ <input type="text" name="booklink" id="booklink" value="http://thisisthelinktothisbook"/>
+ </fieldset>
+ <fieldset>
+ <label for="iframe">Embed a mini Book Reader:</label>
+ <fieldset class="sub">
+ <label class="sub">
+ <input type="radio" name="pages" id="1page" checked="checked"/>
+ 1 page
+ </label>
+ <label class="sub">
+ <input type="radio" name="pages" id="2page"/>
+ 2 pages
+ </label>
+ <label class="sub">
+ <input type="checkbox" name="thispage" id="thispage"/>
+ Open to this page?
+ </label>
+ </fieldset>
+ <textarea cols="30" rows="4" name="iframe" id="iframe"><iframe src="http://thisisthestreamlink" width="480" height="480"></iframe></textarea>
+ <p class="meta"><strong>NOTE:</strong> We've tested EMBED on blogspot.com blogs as well as self-hosted Wordpress blogs. This feature will NOT work on wordpress.com blogs.</p>
+ </fieldset>
+ <fieldset class="center">
+ <button type="button" onclick="$.fn.colorbox.close();">Finished</button>
+ </fieldset>
+ </form>
</div>
- <div id="BRnavpos">
- <div id="BRfiller"></div>
- <div id="BRpager">
- <div id="BRslider">
- <div id="slider"></div>
- <div id="pager"></div>
- <div id="pagenum"><span>n141</span> / 325</div>
+ <div class="BRfloat" id="aboutThis">
+ <div class="BRfloatHead">About this book
+ <a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>
+ </div>
+ <div class="BRfloatBody">
+ <div class="BRfloatCover"></div>
+ <div class="BRfloatMeta">
+ <h2><a href="Open Library Book Page">Book Title</a></h2>
+ by
+ <a href="Open Library Author Page">Book Author</a>
</div>
- </div>
- <div id="BRnavline">
- <div class="BRnavend" id="BRnavleft"></div>
- <div class="BRnavend" id="BRnavright"></div>
</div>
-<!-- LOAD SEARCH RESULTS FIRST SO CHAPTER INDICATORS CAN APPEAR IN FRONT -->
- <div class="search" style="left:80%;" title="Search result">
- <div class="query">The Kingdom of the Future, for instance, though interesting in a Caley Robinson way, with its cold, mystical colour relieved by touches of warm reddish browns, and its big draped figures, was a composition in the past, and did not stimulate the <strong><a href="">emotional</a></strong> powers of the observer with a suggestion of coming ages or a prophecy of progress. <span>Page 26</span></div>
- </div>
-
- <div class="search" style="left:22%;" title="Search result">
- <div class="query">A related distinction is between the emotion and the results of the emotion, principally behaviors and <strong><a href="">emotional</a></strong> expressions. People often behave in certain ways as a direct result of their <strong><a href="">emotional</a></strong> state, such as crying, fighting or fleeing. <span>Page 27</span></div>
- </div>
-
- <div class="search" style="left:75%;" title="Search result">
- <div class="query">A related distinction is between the emotion and the results of the emotion, principally behaviors and <strong><a href="">emotional</a></strong> expressions. People often behave in certain ways as a direct result of their <strong><a href="">emotional</a></strong> state, such as crying, fighting or fleeing. <span>Page 27</span></div>
- </div>
-
- <div class="chapter" style="left:1%;">
- <div class="title">I. The Minotaur <span>|</span> Page 1</div>
- </div>
-
- <div class="chapter" style="left:17%;">
- <div class="title">II. The Griffon <span>|</span> Page 44</div>
- </div>
-
- <div class="chapter" style="left:30%;">
- <div class="title">III. The Firedrake <span>|</span> Page 129</div>
- </div>
-
- <div class="chapter" style="left:67.5%;">
- <div class="title">V. The Pegasus <span>|</span> Page 201</div>
- </div>
-
- <div class="chapter" style="left:90%;">
- <div class="title">VI. The Goblin <span>|</span> Page 255</div>
- </div>
-
- <div class="searchChap" style="left:49%;" title="Search result">
- <div class="query">
- A related distinction is between the emotion and the results of the emotion, principally behaviors and <strong><a href="">emotional</a></strong> expressions. People often behave in certain ways as a direct result of their <strong><a href="">emotional</a></strong> state, such as crying, fighting or fleeing. <span>Page 163</span>
- <div class="queryChap">IV. The Witch <span>|</span> Page 163</div>
- </div>
- </div>
-
- </div>
-</div>
-
+ </div>
+</div>
<script type="text/javascript">
// Set some config variables -- $$$ NB: Config object format has not been finalized
brConfig["mode"] = 2;
</script>
<!-- The script included below is dynamically generated JavaScript that includes the book metadata and page image access functions -->
-<script type="text/javascript" src="http://ia331435.us.archive.org/~testflip/BookReader/BookReaderJSIA.php?id=wakewarcanoe00collrich&itemPath=/0/items/wakewarcanoe00collrich&server=ia331435.us.archive.org&subPrefix=wakewarcanoe00collrich"></script>
+<script type="text/javascript" src="http://ia311205.us.archive.org/~testflip/BookReader/BookReaderJSIA.php?id=flatlandromanceo00abbouoft&itemPath=/2/items/flatlandromanceo00abbouoft&server=ia311205.us.archive.org&subPrefix=flatlandromanceo00abbouoft"></script>
<script type="text/javascript">
// $$$ hack to workaround sizing bug when starting in two-up mode
$(document).ready(function() {
$(window).trigger('resize');
- });
+ });
+
+ // Usage stats
+ if(window.archive_analytics) { window.archive_analytics.values['bookreader'] = 'open'};
</script>