-
Notifications
You must be signed in to change notification settings - Fork 39
/
Copy pathindex.html
129 lines (110 loc) · 3.7 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE HTML>
<html manifest="manifest.appcache">
<head>
<title>Lector</title>
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="img/icon60.png" />
<!-- Module handling -->
<script data-main="app" src="lib/require.js/require.js"
type="text/javascript" defer="defer"></script>
<!-- Legacy modules (non-AMD) -->
<script src="lib/zip.js/WebContent/zip.js"
type="text/javascript" defer="defer"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link rel="stylesheet" type="text/css" href="lib/Font-Awesome/css/font-awesome.min.css" />
</head>
<script>
/*
* Test if fat arrows are supported.
*
* We do this here as browsers have "interesting" ways of parsing code in `eval` in js files, which causes the entire file to fail parsing instead
* of just the offending string.
*/
try {
eval("x => 0");
} catch (e) {
if (e instanceof SyntaxError) {
alert("This application requires a browser that implements ES6, such as a recent version of Firefox. Your browser is apparently missing some ES6 features.");
}
}
</script>
<body>
<!-- Navigation arrows -->
<div id="arrows">
<div id="arrow_left" class="arrow left">
◀
</div>
<div id="arrow_right" class="arrow right">
▶
</div>
</div>
<!-- End of navigation arrows -->
<!-- The welcome page, hidden once the user has opened a book -->
<div id="welcome">
<h1>
Welcome to Lector 0.2.1
</h1>
<ul id="library_entries" class="library_entries fade_inout hidden">
<!-- Links -->
<li class="library_entry">
<a href="https://github.com/openberg/lector/issues" target="blank">
Report a bug or a suggestion
</a>
</li>
<li class="library_entry">
<a href="https://github.com/openberg/lector-dev#contributing" target="blank">
Contribute
</a>
</li>
<li class="library_entry" id="install">
Install App
</li>
<!-- Books from the Library -->
<!-- End of books from the Library -->
<li class="library_entry" id="pick">... Open a book</li>
</ul>
</div>
<!-- End of the welcome page -->
<div id="contents" class="bookviewer invisible">
<!-- Book Viewer will be injected here -->
</div>
<!-- The top and bottom menus -->
<div id="menu_top" class="top menu hidden">
<div class="padding_wrapper">
<div id="menu_top_left" class="menu_button pull_left">
<i class="fa fa-reply fa-lg"></i>
</div>
<div id="menu_top_right" class="menu_button pull_right">
<i class="fa fa-cog fa-lg"></i>
<div class="drop_down_menu">
<ul id="menu_top_right_contents" class="folded_up">
<li class="drop_down_menu_item">
<!-- Change the size of the font -->
<span class="menu_option_title"><i class="fa fa-font"></i> Text size</span>
<i id="decrease_font_size" class="fa fa-minus fa-lg"></i>
<input type="text" id="input_fontsize"></input>
<i id="increase_font_size" class="fa fa-plus fa-lg"></i>
</li>
<li id="toggle_theme" class="drop_down_menu_item">
<!-- Change the color theme -->
<span class="menu_option_title"><i class="fa fa-eye-slash"></i> Color mode</span>
<i id="no_theme" class="fa fa-adjust"></i>
<i id="night_theme" class="fa fa-moon-o"></i>
<i id="day_theme" class="fa fa-sun-o"></i>
</li>
</ul>
</div>
</div>
<div id="menu_top_contents">
</div>
<div class="clearfloats"></div>
</div>
</div>
<div id="menu_bottom" class="bottom menu hidden">
</div>
<!-- End of top and bottom menus -->
</body>
</html>