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="BRpager">
  35             <div id="BRslider">
  36                 <div id="slider"></div>
  37                 <div id="pager"></div>
  38             </div>
  39         </div>
  40         <div id="BRnavline">
  41             <div class="BRnavend" id="BRnavleft"></div>
  42             <div class="BRnavend" id="BRnavright"></div>
  43         </div>
  44 <!-- LOAD SEARCH RESULTS FIRST SO CHAPTER INDICATORS CAN APPEAR IN FRONT -->
  45         <div class="search" style="left:80%;" title="Search result">
  46             <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>
  47         </div>
  48
  49         <div class="search" style="left:22%;" title="Search result">
  50             <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>
  51         </div>
  52
  53         <div class="search" style="left:75%;" title="Search result">
  54             <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>
  55         </div>
  56
  57         <div class="chapter" style="left:1%;">
  58             <div class="title">I. The Minotaur <span>|</span> Page 1</div>
  59         </div>
  60
  61         <div class="chapter" style="left:17%;">
  62             <div class="title">II. The Griffon <span>|</span> Page 44</div>
  63         </div>
  64
  65         <div class="chapter" style="left:30%;">
  66             <div class="title">III. The Firedrake <span>|</span> Page 129</div>
  67         </div>
  68
  69         <div class="chapter" style="left:67.5%;">
  70             <div class="title">V. The Pegasus <span>|</span> Page 201</div>
  71         </div>
  72
  73         <div class="chapter" style="left:90%;">
  74             <div class="title">VI. The Goblin <span>|</span> Page 255</div>
  75         </div>
  76
  77         <div class="searchChap" style="left:49%;" title="Search result">
  78             <div class="query">
  79             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>
  80                 <div class="queryChap">IV. The Witch <span>|</span> Page 163</div>
  81             </div>
  82         </div>
  83
  84     </div>
  85 </div>
  86
  87 <script type="text/javascript">
  88   // Set some config variables -- $$$ NB: Config object format has not been finalized
  89   var brConfig = {};
  90   brConfig["mode"] = 2;
  91 </script>
  92 <!-- The script included below is dynamically generated JavaScript that includes the book metadata and page image access functions -->
  93 <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>
  94
  95 <script type="text/javascript">
  96     // $$$ hack to workaround sizing bug when starting in two-up mode
  97     $(document).ready(function() {
  98         $(window).trigger('resize');
  99     });
 100 </script>
 101