-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (110 loc) · 6.14 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
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0">
<title>ComicReader PI</title>
<script src="assets/events-2.0.js"></script>
<script src="assets/Resolutions.js"></script>
<script src="assets/sji.js"></script>
<script src="assets/customevents.js"></script>
<script src="assets/linklistener.js"></script>
<script src="assets/keylistener.js"></script>
<script src="assets/swipe.js"></script>
<script src="assets/constants.js"></script>
<script src="scrapers/yqlhelper.js"></script>
<script src="scrapers/entry.js"></script>
<script src="scrapers/comic.js"></script>
<script src="scrapers/reader.js"></script>
<script src="scrapers/yqlcomic.js"></script>
<script src="scrapers/yqlcomicfromstart.js"></script>
<!-- script src="assets/settings/settings.delicious.bookmarks.js"></script -->
<script src="assets/settings.js"></script>
<script src="assets/history.js"></script>
<script src="ui/ajaxhelper.js"></script>
<script src="ui/options.js"></script>
<script src="ui/screenedgeevents.js"></script>
<script src="ui/uinavhelper.js"></script>
<script src="comics/ComicReader_GirlGenius.js"></script>
<script src="comics/ComicReader_MenageA3.js"></script>
<script src="comics/ComicReader_PennyArcade.js"></script>
<script src="comics/ComicReader_PVPOnline.js"></script>
<script src="comics/ComicReader_XKCD.js"></script>
<script src="comics/ComicReader_A_Softer_World.js"></script>
<script src="comics/ComicReader_Sinfest.js"></script>
<script src="comics/ComicReader_OctopusPie.js"></script>
<script src="comics/ComicReader_QC.js"></script>
<script src="comics/ComicReader_Powernap.js"></script>
<script src="comics/ComicReader_OOTS.js"></script>
<!-- This inclusion starts the whole process, it needs to be last in line :) -->
<script src="ui/auth.js"></script>
<link type="text/css" rel="stylesheet" href="assets/Komika-Display-fontfacekit/stylesheet.css" />
<link type="text/css" rel="stylesheet" href="assets/layout.css" />
</head>
<body>
<figure>
<h1>HTML5 Web-Comic Reader</h1>
<div id="ComicReader"><img src="about:blank" id="comicImage" /></div>
</figure>
<ul id="controls">
<li><a rel="latestEntry" href="#ComicReader">Get Latest Image</a></li>
<li><a rel="prevEntry" href="#ComicReader">Get Previous Image</a></li>
<li><a rel="nextEntry" href="#ComicReader">Get Next Image</a></li>
</ul>
<aside id="menu">
<div class="entryByUrl"><input type="text" id="entryUrlInput" /><a rel="entryByUrl" href="#ComicReader">Go to URL</a></div>
<select id="comicSelector"></select>
<a rel="overlay" href="#options">Options</a>
</aside>
<div id="options">
<div class="dialog">
<h2>Options</h2>
<form id="debugOptionsForm">
<fieldset>
<legend>Landscape</legend>
<p>These are the settings for displaying images in landscape mode on your device. <em>These settings will not be shared among othe devices that may in the future share your comics settings.</em></p>
<label class="advanced" for="ls-ls-limit-width">Limit landscape width</label><input id="ls-ls-limit-width" type="checkbox" />
<label class="advanced" for="ls-ls-force-width">Force landscape width</label><input id="ls-ls-force-width" type="checkbox" />
<label class="advanced" for="ls-ls-force-height">Force landscape height</label><input id="ls-ls-force-height" type="checkbox" />
<label for="ls-p-limit-height">Limit portrait height</label><input id="ls-p-limit-height" type="checkbox" />
<label for="ls-p-force-width" title="Should NOT be used in conjunction with 'Limit portait height'">Force portrait width</label><input id="ls-p-force-width" type="checkbox" />
</fieldset>
<fieldset>
<legend>Portrait</legend>
<p>These are the settings for displaying images in portrait mode on your device. <em>These settings will not be shared among othe devices that may in the future share your comics settings.</em></p>
<label for="p-ls-limit-width">Limit landscape width</label><input id="p-ls-limit-width" type="checkbox" />
<label class="advanced" for="p-p-limit-height">Limit portrait height</label><input id="p-p-limit-height" type="checkbox" />
<label class="advanced" for="p-p-force-height">Force portrait height</label><input id="p-p-force-height" type="checkbox" />
<label class="advanced" for="p-p-force-width">Force portrait width</label><input id="p-p-force-width" type="checkbox" />
</fieldset>
<fieldset>
<legend>Online storage</legend>
<p>Here you may control how and/or where to store which comics you've read last. Be aware that the utmost care has been taken to make this as safe as possible, but such control may be somewhat limited.</p>
<label for="online-storage">Store last read comics online</label><input id="online-storage" type="checkbox" />
</fieldset>
<fieldset>
<legend>Debugging</legend>
<p>These settings are for developers use, they should provide you with extra information if you need to file a bug-report or figure out why your own developed comic does not work.</p>
<label for="debugOption">Debug</label><input id="debugOption" type="checkbox" />
<label for="advancedOption">Advanced</label><input id="advancedOption" type="checkbox" />
</fieldset>
</form>
<a id="optionsShutdown" class="control" rel="overlayShutdown" href="#ComicReader">Done</a>
</div>
</div>
<div id="auth">
<div class="dialog">
<h2>Authenticate</h2>
<form id="authenticationForm" action="#ComicReader">
<fieldset>
<p>Authenticate with a Delicious account to store/retrieve your last read comics. If you click 'cancel', such information will be store offline and can't be accessed from another device.</p>
<label for="auth-uid">Username / E-mail</label><input id="auth-uid" type="text" />
<label for="auth-pwd">Password</label><input id="auth-pwd" type="password" />
</fieldset>
</form>
<a id="authVerify" class="control" rel="authVerify" href="#authenticationForm">Authenticate</a>
<a id="authCancel" class="control" rel="authCancel" href="#authenticationForm">Cancel</a>
</div>
</div>
</body>
</html>