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>Flatland : a romance of many dimensions</title>
   8 <!--[if lte IE 6]>
   9     <meta http-equiv="refresh" content="2; URL=browserunsupported.php?id=flatlandromanceo00abbouoft">
  10 <![endif]-->
  11     <link rel="stylesheet" type="text/css" href="BookReader.css?v=r28_1287170395">
  12     <script src="http://www.archive.org/includes/jquery-1.4.2.min.js" type="text/javascript"></script>
  13     <script type="text/javascript" src="jquery-ui-1.8.5.custom.min.js?v=r28_1287170395"></script>
  14     <script type="text/javascript" src="http://www.archive.org/includes/analytics.js?v=2"></script>
  15     <script type="text/javascript" src="dragscrollable.js?v=r28_1287170395"></script>
  16     <script type="text/javascript" src="jquery.colorbox-min.js"></script>
  17     <script type="text/javascript" src="jquery.ui.ipad.js"></script>
  18      <!-- THIS ALLOWS BEAUTYTIPS TO WORK ON IE -->
  19         <!--[if lt IE 9]>
  20         <script type="text/javascript" src="excanvas.compiled.js"></script>
  21         <![endif]-->
  22     <script type="text/javascript" src="jquery.bt.min.js"></script>
  23     <script type="text/javascript" src="BookReader.js?v=r28_1287170395"></script>
  24     <script type="text/javascript" src="soundmanager/soundmanager2.js?v=r28_1287170395"></script>
  25     <script>
  26         soundManager.debugMode = false;
  27         soundManager.url = 'soundmanager/swf/';
  28         soundManager.useHTML5Audio = true;
  29         soundManager.flashVersion = 9; //flash 8 version of swf is buggy when calling play() on a sound that is still loading
  30     </script>
  31 </head>
  32 <body>
  33
  34
  35 <div id="BookReader">Internet Archive BookReader <noscript>requires JavaScript to be enabled.</noscript></div>
  36
  37 <div style="position:fixed;top:100px;left:10px;z-index:2000;">
  38 <button id="shareBtn" title="Share">Temp Share Button</button>
  39 <button id="infoBtn" title="About this book">Temp Info Button</button>
  40 </div>
  41
  42 <script type="text/javascript">
  43 $().ready(function(){
  44     $("#shareBtn").colorbox({inline: true, opacity: "0.5", href: "#shareThis"});
  45     $("#infoBtn").colorbox({inline: true, opacity: "0.5", href: "#aboutThis"});
  46 });
  47 </script>
  48
  49 <div class="hidden">
  50     <div class="BRfloat" id="shareThis">
  51         <div class="BRfloatHead">
  52             Share
  53             <a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>
  54         </div>
  55         <p>Copy and paste one of these options to share this book elsewhere.</p>
  56         <form method="post" action="">
  57             <fieldset>
  58                 <label for="pageview">Link to this page view:</label>
  59                 <input type="text" name="pageview" id="pageview" value="http://thisisthelinktothispageview"/>
  60             </fieldset>
  61             <fieldset>
  62                 <label for="booklink">Link to the book:</label>
  63                 <input type="text" name="booklink" id="booklink" value="http://thisisthelinktothisbook"/>
  64             </fieldset>
  65             <fieldset>
  66                 <label for="iframe">Embed a mini Book Reader:</label>
  67                 <fieldset class="sub">
  68                     <label class="sub">
  69                         <input type="radio" name="pages" id="1page" checked="checked"/>
  70                         1 page
  71                     </label>
  72                     <label class="sub">
  73                         <input type="radio" name="pages" id="2page"/>
  74                         2 pages
  75                     </label>
  76                     <label class="sub">
  77                         <input type="checkbox" name="thispage" id="thispage"/>
  78                         Open to this page?
  79                     </label>
  80                 </fieldset>
  81                 <textarea cols="30" rows="4" name="iframe" id="iframe"><iframe src="http://thisisthestreamlink" width="480" height="480"></iframe></textarea>
  82                 <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>
  83             </fieldset>
  84             <fieldset class="center">
  85                 <button type="button" onclick="$.fn.colorbox.close();">Finished</button>
  86             </fieldset>
  87         </form>
  88     </div>
  89     <div class="BRfloat" id="aboutThis">
  90         <div class="BRfloatHead">About this book
  91             <a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>
  92         </div>
  93         <div class="BRfloatBody">
  94             <div class="BRfloatCover">
  95                 <a href="Open Library Book Page"><img src="Open Library Book Cover" alt="Book Title" height="140"/></a>
  96             </div>
  97             <div class="BRfloatMeta">
  98                 <div class="BRfloatTitle">
  99                     <h2><a href="Open Library Book Page" class="title">Book Title</a></h2>
 100                     by
 101                     <a href="Open Library Author Page">Book Author</a>
 102                 </div>
 103                 <p>Published MONTH YEAR by <a href="Open Library Publisher Page">Publisher name</a></p>
 104                 <p>Written in <a href="Open Library Language page">Language</a></p>
 105                 <h3>Other Formats</h3>
 106                 <ul class="links">
 107                     <li><a href="PDF Link">PDF</a><span>|</span></li>
 108                     <li><a href="Text Link">Plain Text</a><span>|</span></li>
 109                     <li><a href="DAISY Link">DAISY</a><span>|</span></li>
 110                     <li><a href="PDF Link">ePub</a><span>|</span></li>
 111                     <li><a href="Kindle Link">Send to Kindle</a><span>|</span></li>
 112                     <li><a href="archive.org Page for Book">More...</a></li>
 113                 </ul>
 114                 <p class="moreInfo"><span></span>More information on <a href="Open Libarary Book Page">openlibrary.org</a>.</p>
 115             </div>
 116         </div>
 117         <div class="BRfloatFoot">
 118             <a href="http://openlibrary.org/contact" class="problem">Report a problem</a>
 119             <span>|</span>
 120             <a href="http://openlibrary.org/dev/docs/bookreader">About the Bookreader</a>
 121         </div>
 122     </div>
 123 </div>
 124
 125
 126 <script type="text/javascript">
 127   // Set some config variables -- $$$ NB: Config object format has not been finalized
 128   var brConfig = {};
 129   brConfig["mode"] = 2;
 130 </script>
 131 <!-- The script included below is dynamically generated JavaScript that includes the book metadata and page image access functions -->
 132 <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>
 133
 134 <script type="text/javascript">
 135     // $$$ hack to workaround sizing bug when starting in two-up mode
 136     $(document).ready(function() {
 137         $(window).trigger('resize');
 138     });
 139
 140     // Usage stats
 141     if(window.archive_analytics) { window.archive_analytics.values['bookreader'] = 'open'};
 142 </script>
 143