https://readium-master.surge.sh/

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
7        <link href="images/readium_favicon.png" rel="shortcut icon"/>
8        <link href="images/readium-touch-icon.png" rel="apple-touch-icon"/>
9
10    <style>
11        .library-item{
12            height: 100px;
13
14        }
15
16        body:not(.list-view) .library-item .no-cover{
17            width: 300px;
18            height: 400px;
19            font-size: 40px;
20        }
21    </style>
22
23    <link rel="stylesheet" type="text/css" href="css/readium-all.css">
24
25    

25<script type="text/javascript" src="scripts/readium-js-viewer_all.js"> </script>

25
26
27    

27<script type="text/javascript" src="font-faces/fonts.js"> </script>

27
28

29<script type="text/javascript">
30
31var path = (window.location && window.location.pathname) ? window.location.pathname : ''; 
32
33// extracts path to index.html (or more generally: /PATH/TO/*.[x]html)
34path = path.replace(/(.*)\/.*\.[x]?html$/, "$1");
35
36// removes trailing slash
37path = path.charAt(path.length-1) == '/'
38          ? path.substr(0, path.length-1)
39          : path;
40          
41var HTTPServerRootFolder =
42window.location ? (
43  window.location.protocol
44  + "//"
45  + window.location.hostname
46  + (window.location.port ? (':' + window.location.port) : '')
47  + path
48  ) : ''
49;
50
51console.log(HTTPServerRootFolder);
52
53
54
55var getURLQueryParams = function() {
56   var params = {};
57
58   var query = window.location.search;
59   if (query && query.length) {
60       query = query.substring(1);
61       var keyParams = query.split('&');
62       for (var x = 0; x < keyParams.length; x++)
63       {
64           var keyVal = keyParams[x].split('=');
65           if (keyVal.length > 1) {
66               params[keyVal[0]] = decodeURIComponent(keyVal[1]);
67           }
68       }
69   }
70
71   return params;
72};
73
74var urlParams = getURLQueryParams();
75console.log(urlParams);
76
77var fontsArray = [];
78if (typeof getFontFaces != "undefined") { // defined externally
79    fontsArray = getFontFaces(HTTPServerRootFolder + "/font-faces/");
80}
81
82// MUST BE *SINGLE* CALL TO require.config() FOR ALMOND (SINGLE BUNDLE) TO WORK CORRECTLY!!!
83require.config({
84    /* http://requirejs.org/docs/api.html#config-waitSeconds */
85    waitSeconds: 0,
86
87    config : {
88
89        'readium_js_viewer/ModuleConfig' : {
90
91            'mathJaxUrl': HTTPServerRootFolder + '/scripts/mathjax/MathJax.js',
92            
93            'fonts': fontsArray,
94
95            'annotationCSSUrl': HTTPServerRootFolder + '/css/annotations.css',
96
97            'jsLibRoot': HTTPServerRootFolder + '/scripts/zip/',
98
99            'useSimpleLoader' : false, // cloud reader (strictly-speaking, this config option is false by default, but we prefer to have it explicitly set here).
100
101            'epubLibraryPath': urlParams['epubs'] ? urlParams['epubs'] : "epub_content/epub_library.opds", // defaults to /epub_content/epub_library.json relative to the application's root index.html
102
103            'imagePathPrefix': undefined,
104
105            'canHandleUrl' : false,
106            'canHandleDirectory' : false,
107
108
109            'workerUrl': undefined,
110            'epubReadingSystemUrl': undefined
111        }
112    }
113});
114</script>

114
115
116    </head>
117
118    <!-- This is all application-specific HTML -->
119    <body>
120        <nav id="app-navbar" class="navbar" role="banner" aria-label="{{Strings.i18n_toolbar}}">
121        </nav>
122        <div id="app-container">
123        </div>
124    </body>
125
126</html>