-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
109 lines (103 loc) · 4.02 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css"> @import "style.css"; </style>
<script type="application/x-javascript">
'use strict';
const MAX_YEAR = 2019;
const data = {
map_x: 2500,
map_y: 580,
year: 1000,
zoom: 1,
lang: 'en',
};
const cheat_code = {
hide_ui: false,
year_bar_type: 0,
};
Object.assign(data, cheat_code);
new URLSearchParams(location.search).forEach((value, key) => {
switch (typeof data[key]) {
case "string": data[key] = value; break;
case "number": data[key] = value - 0; break; // convert to number
case "boolean": data[key] = (value === "yes"); break;
}
});
let is_dragging_year = false;
</script>
<script type="application/javascript" src="js/util.js" defer></script>
<script type="application/javascript" src="js/era.js" defer></script>
<script type="application/javascript" src="js/territory.js" defer></script>
<script type="application/javascript" src="js/regions.js" defer></script>
<script type="application/javascript" src="js/LangButton.js" defer></script>
<script type="application/javascript" src="js/YearText.js" defer></script>
<script type="application/javascript" src="js/YearBar.js" defer></script>
<script type="application/javascript" src="js/Region.js" defer></script>
<script type="application/javascript" src="js/Map.js" defer></script>
<script type="application/javascript" src="js/twha.js" defer></script>
<title>Patched Historical Atras</title>
</head>
<body oncontextmenu="return false;">
<div id="head">
<div id="control-box">
<div id="tool-btn" class="head-btn"><span>≡</span></div>
</div><!-- control-box -->
<div id="year-box">
<form id="year"><span id="auto-sec"></span><span id="year-text"></span><input type="text" id="year-input" value="" autocomplete="no"></form>
<div id="year-sub"></div>
</div><!-- year-box -->
</div><!-- head -->
<div id="layer-land"></div>
<div id="layer-tert"></div>
<div id="layer-info"></div>
<div id="year-bar" class="hidable">
<img id="year-bar-cursor" src="img/year-pos.png" alt="" draggable="false"><canvas id="year-bar-scale" height="32"></canvas>
</div>
<div id="footer" class="hidable">
<!-- always -->
<div id="zoom-out-btn"><span>🔍-</span></div>
<div id="zoom-in-btn"><span>🔍+</span></div>
<!-- in pause -->
<div id="back3-btn"><span><<<</span></div>
<div id="back2-btn"><span><<</span></div>
<div id="back1-btn"><span><</span></div>
<div id="play-btn"><span>▶</span></div>
<div id="fwd1-btn"><span>></span></div>
<div id="fwd2-btn"><span>>></span></div>
<div id="fwd3-btn"><span>>>></span></div>
<!-- in play -->
<div id="dummy1-btn" data-state="hidden" class="dummy-btn"><span></span></div>
<div id="dummy2-btn" data-state="hidden" class="dummy-btn"><span></span></div>
<div id="dummy3-btn" data-state="hidden" class="dummy-btn"><span></span></div>
<div id="pause-btn" data-state="hidden"><span>■</span></div>
<div id="slow-btn" data-state="hidden"><span>▶-</span></div>
<div id="fast-btn" data-state="hidden"><span>▶+</span></div>
<div id="reset-btn" data-state="hidden"><span>1×</span></div>
</div>
<div id="dialog-overlay"></div>
<div id="tool-dialog">
<div id="close-tool-btn" class="head-btn"><span>×</span></div>
<h2>Controls</h2>
<ul id="settings">
<li><div id="copy-tab-btn" class="head-btn"><span> ⧉ Open a Copy </span></div></li>
<li><label><input type="checkbox" id="fullscr-ckbox"> Fullscreen</label></li>
<li><label><input type="checkbox" id="hide-ckbox"> Hide Buttons</label></li>
<li><select id="lang-select" class="head-btn">
<option value="ja">日本語</option>
<option value="en" selected>English</option>
<option value="zh">中文</option>
</select> Language</li>
</ul>
<h2>Tips</h2>
<ul>
<li>2-finger swipe: Year navigation (↔slow, ↕fast, along edge = faster)</li>
<li>3-finger tap: Toggle buttons & fullscreen</li>
<li><a href="HELP.md" target="_blank">HELP</a></li>
</ul>
</div>
<div id="toast"><p id="toast_message"></p></div>
</body>
</html>