BookReader/newbook.html

   1
   2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4 <head>
   5     <meta name="viewport" content="width=device-width, maximum-scale=1.0" />
   6     <meta name="apple-mobile-web-app-capable" content="yes" />
   7     <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>
   8 <!--[if lte IE 6]>
   9     <meta http-equiv="refresh" content="2; URL=/bookreader/browserunsupported.php?id=wakewarcanoe00collrich">
  10 <![endif]-->
  11     <script src="http://www-testflip.archive.org/includes/jquery-1.4.2.min.js" type="text/javascript"></script>
  12     <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/jquery-ui-1.8.5.custom.min.js"></script>
  13     <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/dragscrollable.js"></script>
  14     <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/jquery.colorbox-min.js"></script>
  15      <!-- THIS ALLOWS BEAUTYTIPS TO WORK ON IE -->
  16         <!--[if lt IE 9]>
  17         <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/excanvas.compiled.js"></script>
  18         <![endif]-->
  19     <script type="text/javascript" src="http://www-testflip.archive.org/bookreader/jquery.bt.min.js"></script>
  20     <script type="text/javascript" src="BookReader.js"></script>
  21     <link rel="stylesheet" type="text/css" href="BookReader.css">
  22 </head>
  23 <body style="background-color: ##939598;">
  24
  25
  26 <div id="BookReader">Internet Archive BookReader <noscript>requires JavaScript to be enabled.</noscript></div>
  27
  28 <div id="BRnav">
  29     <div id="BRpage">
  30         <button class="BRicon book_left"></button>
  31         <button class="BRicon book_right"></button>
  32     </div>
  33     <div id="BRnavpos">
  34         <div id="BRfiller"></div>
  35         <div id="BRpager">
  36             <div id="BRslider">
  37                 <div id="slider"></div>
  38                 <div id="pager"></div>
  39                 <div id="pagenum"><span>n141</span> / 325</div>
  40             </div>
  41         </div>
  42         <div id="BRnavline">
  43             <div class="BRnavend" id="BRnavleft"></div>
  44             <div class="BRnavend" id="BRnavright"></div>
  45         </div>
  46 <!-- LOAD SEARCH RESULTS FIRST SO CHAPTER INDICATORS CAN APPEAR IN FRONT -->
  47         <div class="search" style="left:80%;" title="Search result">
  48             <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>
  49         </div>
  50
  51         <div class="search" style="left:22%;" title="Search result">
  52             <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>
  53         </div>
  54
  55         <div class="search" style="left:75%;" title="Search result">
  56             <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>
  57         </div>
  58
  59         <div class="chapter" style="left:1%;">
  60             <div class="title">I. The Minotaur <span>|</span> Page 1</div>
  61         </div>
  62
  63         <div class="chapter" style="left:17%;">
  64             <div class="title">II. The Griffon <span>|</span> Page 44</div>
  65         </div>
  66
  67         <div class="chapter" style="left:30%;">
  68             <div class="title">III. The Firedrake <span>|</span> Page 129</div>
  69         </div>
  70
  71         <div class="chapter" style="left:67.5%;">
  72             <div class="title">V. The Pegasus <span>|</span> Page 201</div>
  73         </div>
  74
  75         <div class="chapter" style="left:90%;">
  76             <div class="title">VI. The Goblin <span>|</span> Page 255</div>
  77         </div>
  78
  79         <div class="searchChap" style="left:49%;" title="Search result">
  80             <div class="query">
  81             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>
  82                 <div class="queryChap">IV. The Witch <span>|</span> Page 163</div>
  83             </div>
  84         </div>
  85
  86     </div>
  87 </div>
  88
  89
  90 <script type="text/javascript">
  91   // Set some config variables -- $$$ NB: Config object format has not been finalized
  92   var brConfig = {};
  93   brConfig["mode"] = 2;
  94 </script>
  95 <!-- The script included below is dynamically generated JavaScript that includes the book metadata and page image access functions -->
  96 <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>
  97
  98 <script type="text/javascript">
  99     // $$$ hack to workaround sizing bug when starting in two-up mode
 100     $(document).ready(function() {
 101         $(window).trigger('resize');
 102     });
 103 </script>
 104