-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (90 loc) · 3.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Text Pager</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="styles/SourceCodePro/SourceCodePro.css">
<link rel="stylesheet" type="text/css" href="styles/SourceSansPro/SourceSansPro.css">
<link rel="stylesheet" type="text/css" href="styles/SourceSerifPro/SourceSerifPro.css">
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<link rel="stylesheet" type="text/css" href="styles/pager.css">
<link rel="stylesheet" type="text/css" href="styles/full.css" id="full-css" disabled>
<script type="text/javascript" src="scripts/utilities.js" crossorigin></script>
<script type="text/javascript" src="resources/prism/prism.js" crossorigin></script>
<link rel="icon" href="/favicon.png">
<script>
// document.addEventListener('DOMContentLoaded',init);
window.addEventListener('load',init);
function init() {
require('./scripts/pager.js');
}
</script>
</head>
<body>
<header>
<form id="prompt">
<output name="message"></output>
<input name="value">
<button name="ok">OK</button>
<button name="cancel">Cancel</button>
</form>
<!--
<h1>Document Pager</h1>
-->
</header>
<aside id="about" data-load="/content/about.html"></aside>
<main>
<form id="control">
<!--
<button type="button" name="about">About …</button>
-->
<label><input type="checkbox" name="show-highlight" id="control-show-highlight" checked>Show Highlighted</label>
<!--
<p id="font-size">
<button type="button" name="zoom-smaller" id="control-zoom-smaller">-</button><label for="control-zoom-smaller">⬇︎</label>
<button type="button" name="zoom-default" id="control-zoom-default">•</button><label for="control-zoom-default">◼︎</label>
<button type="button" name="zoom-larger" id="control-zoom-larger">+</button><label for="control-zoom-larger">⬆︎</label>
</p>
-->
<label><input type="checkbox" name="show-documents" id="control-show-documents" checked>Documents</label>
<!--
<label for="upload-file">Open or Drop File …</label><input type="file" name="upload" id="upload-file">
-->
<label><input type="checkbox" name="full-screen" id="control-full-screen">Full ScreenFull Screen</label>
<ul id="tabs">
</ul>
</form>
<div id="pager">
<nav id="documents">
<ul>
<li id="documents-open">Open
<ul></ul>
</li>
<li id="documents-recent">Recent
<ul></ul>
</li>
<li id="documents-favourite">Favourite
<ul></ul>
</li>
</ul>
</nav>
<span class="resize"></span>
<div id="document">
<div id="index">
<h2>Content</h2>
<ul></ul>
<p id="raw-message">Hold <span class="key">option / alt</span> for Raw Data</p>
</div>
<span class="resize" id="resize-index"></span>
<div id="content" class="empty">
<p id="navigation"><button type="button" id="previous">«</button><button type="button" id="next">»</button></p>
<h2>Content</h2>
<iframe src="content/content.html"></iframe>
</div>
</div>
</div>
<p id="content-footer"><span id="footer-file">File</span><span id="footer-language">Text</span><span id="footer-heading">##</span></p>
</main>
<footer data-load="/content/footer.html"><p><span id="footer-message"></span></p></footer>
</body>
</html>