/
index.html
executable file
·115 lines (102 loc) · 3.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html>
<head>
<title>kthoom Comic Reader</title>
<link rel="stylesheet" href="kthoom.css" type="text/css"/>
<link rel="icon" type="image/png" href="images/logo.png"/>
<script type="application/javascript" src="kthoom-google.js"></script>
<script type="application/javascript" src="kthoom.js"></script>
<script type="application/javascript" src="bitjs/archive.js"></script>
<script id="google"
src="https://apis.google.com/js/client.js?onload=kthoom.google.boot"
onerror="window.onload=kthoom.google.boot" async></script>
</head>
<body onload="init()">
<div class="background">
<object id="logo" type="image/svg+xml" data="images/logo.svg" width="100%">kthoom logo</object>
</div>
<div class="foreground">
<div id="header">
<div id="menu">
<a id="menu-open" class="menuButton" href="#">Open</a>
<ul class="menuItems">
<li>
<a id="menu-open-local-files"href="#">
<input id="menu-open-local-files-input" type="file" multiple>
Local Files
</a>
</li>
<li>
<a id="menu-open-google-drive" href="#">
Google Drive
</a>
</li>
</ul>
</div>
<div id="progress" class="hide"></div>
<div id="nav" class="hide">
<button id="prevBook" title="Previous Book ([)" type="button" onclick="loadPrevBook()"><<</button>
<button id="prev" title="Previous Page (Left Arrow)" type="button" onclick="showPrevPage()"><</button>
<!--<span id="pageCounter">Page X/Y</span>-->
<button id="toolbarbutton" title="Minimize Toolbar" type="button" onclick="toggleToolbar()">-</button>
<button id="next" title="Next Page (Right Arrow)" type="button" onclick="showNextPage()">></button>
<button id="nextBook" title="Next Book (])" type="button" onclick="loadNextBook()">>></button>
<!--<img id="close" title="Close Book (X)" onclick="closeBook()" src="images/cancel.png" tabIndex="3"/>-->
</div>
</div>
<div id="mainContent">
<div id="mainText" style="display:none"></div>
<canvas id="mainImage"></canvas>
</div>
<div id="library">
<div id="libraryTab" title="Library">
<svg stroke="currentColor" stroke-width="2" width="30" height="50">
<line x1="11" y1="14" x2="11" y2="36" />
<line x1="15" y1="14" x2="15" y2="36" />
<line x1="19" y1="14" x2="19" y2="36" />
</svg>
</div>
<div id="libraryContents"></div>
</div>
</div>
<div id="overlay" style="display:none">
<h1>Keyboard Shortcuts</h1>
<dl class="helplist">
<dt>?</dt>
<dd>Show/hide this help screen</dd>
<dt>Left</dt>
<dd>Go to previous page</dd>
<dt>Right</dt>
<dd>Go to next page</dd>
<dt>[</dt>
<dd>Load previous book</dd>
<dt>]</dt>
<dd>Load next book</dd>
<dt>O</dt>
<dd>Open local file(s)</dd>
<dt>G</dt>
<dd>Open a file from Google Drive</dd>
<dt>L</dt>
<dd>Rotate left / counter-clockwise</dd>
<dt>R</dt>
<dd>Rotate right / clockwise</dd>
<dt>H</dt>
<dd>Scale to height</dd>
<dt>W</dt>
<dd>Scale to width</dd>
<dt>B</dt>
<dd>Best fit mode</dd>
<dt>X</dt>
<dd>Show/hide toolbars</dd>
</dl>
</div>
</body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-8244614-4', 'auto');
ga('send', 'pageview');
</script>
</html>