-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIdle_Trail.html
71 lines (56 loc) · 5.76 KB
/
Idle_Trail.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
<!DOCTYPE html>
<html lang="en" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/styles_IdleTrail.css" />
<title>The Idle Trail</title>
</head>
<body class="full-width">
<div id="wrapper">
<div id="inner-wrapper">
<h1 style="text-align: center; margin-top: 20px;">404 - Page not found!</h1>
<h3 style="text-align: center; margin-bottom: 20px;">It seems you are lost. Why don't you try to find your way back home?</h3>
<div id="home">
</div>
<div id="journey">
<div id="progress-area">
<img id="caravan" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAMAAACgaw2xAAADAFBMVEUAADMAAAAAAGYAAJkAAMwAAP8AMwAAMzMAM2YAM5kAM8wAM/8AZgAAZjMAZmYAZpkAZswAZv8AmQAAmTMAmWYAmZkAmcwAmf8AzAAAzDMAzGYAzJkAzMwAzP8A/wAA/zMA/2YA/5kA/8wA//8zAAAzADMzAGYzAJkzAMwzAP8zMwAzMzMzM2YzM5kzM8wzM/8zZgAzZjMzZmYzZpkzZswzZv8zmQAzmTMzmWYzmZkzmcwzmf8zzAAzzDMzzGYzzJkzzMwzzP8z/wAz/zMz/2Yz/5kz/8wz//9mAABmADNmAGZmAJlmAMxmAP9mMwBmMzNmM2ZmM5lmM8xmM/9mZgBmZjNmZmZmZplmZsxmZv9mmQBmmTNmmWZmmZlmmcxmmf9mzABmzDNmzGZmzJlmzMxmzP9m/wBm/zNm/2Zm/5lm/8xm//+ZAACZADOZAGaZAJmZAMyZAP+ZMwCZMzOZM2aZM5mZM8yZM/+ZZgCZZjOZZmaZZpmZZsyZZv+ZmQCZmTOZmWaZmZmZmcyZmf+ZzACZzDOZzGaZzJmZzMyZzP+Z/wCZ/zOZ/2aZ/5mZ/8yZ///MAADMADPMAGbMAJnMAMzMAP/MMwDMMzPMM2bMM5nMM8zMM//MZgDMZjPMZmbMZpnMZszMZv/MmQDMmTPMmWbMmZnMmczMmf/MzADMzDPMzGbMzJnMzMzMzP/M/wDM/zPM/2bM/5nM/8zM////AAD/ADP/AGb/AJn/AMz/AP//MwD/MzP/M2b/M5n/M8z/M///ZgD/ZjP/Zmb/Zpn/Zsz/Zv//mQD/mTP/mWb/mZn/mcz/mf//zAD/zDP/zGb/zJn/zMz/zP///wD//zP//2b//5n//8z///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmF2DdAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQffCQcXKDY09dBUAAAAmklEQVQY05WQMQ5DMQhD6XXIXZicwzDmMN5yyAL5ab+i6kv18IRtGBKZImakhDY1OGWSnONOpqJIjZOPBdNwfkjeCq61L5+L1Dg5JacRJrBYLp80DrEoV8F/Cgrgw90tUSOkfs1+KHNRN88DuxC5VmHau722zMLZOtBY7Tv3UjbQ7grIkiM81OsCDa67ULTmVcTs2HnsKRSRvwFhus6KEejNnAAAAABJRU5ErkJggg==" style="left: 57.3146px;" />
<img id="trees" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMoAAAAfCAMAAACRSKIGAAAAA3NCSVQICAjb4U/gAAADAFBMVEUAAAAAADMAAGYAAJkAAMwAAP8AMwAAMzMAM2YAM5kAM8wAM/8AZgAAZjMAZmYAZpkAZswAZv8AmQAAmTMAmWYAmZkAmcwAmf8AzAAAzDMAzGYAzJkAzMwAzP8A/wAA/zMA/2YA/5kA/8wA//8zAAAzADMzAGYzAJkzAMwzAP8zMwAzMzMzM2YzM5kzM8wzM/8zZgAzZjMzZmYzZpkzZswzZv8zmQAzmTMzmWYzmZkzmcwzmf8zzAAzzDMzzGYzzJkzzMwzzP8z/wAz/zMz/2Yz/5kz/8wz//9mAABmADNmAGZmAJlmAMxmAP9mMwBmMzNmM2ZmM5lmM8xmM/9mZgBmZjNmZmZmZplmZsxmZv9mmQBmmTNmmWZmmZlmmcxmmf9mzABmzDNmzGZmzJlmzMxmzP9m/wBm/zNm/2Zm/5lm/8xm//+ZAACZADOZAGaZAJmZAMyZAP+ZMwCZMzOZM2aZM5mZM8yZM/+ZZgCZZjOZZmaZZpmZZsyZZv+ZmQCZmTOZmWaZmZmZmcyZmf+ZzACZzDOZzGaZzJmZzMyZzP+Z/wCZ/zOZ/2aZ/5mZ/8yZ///MAADMADPMAGbMAJnMAMzMAP/MMwDMMzPMM2bMM5nMM8zMM//MZgDMZjPMZmbMZpnMZszMZv/MmQDMmTPMmWbMmZnMmczMmf/MzADMzDPMzGbMzJnMzMzMzP/M/wDM/zPM/2bM/5nM/8zM////AAD/ADP/AGb/AJn/AMz/AP//MwD/MzP/M2b/M5n/M8z/M///ZgD/ZjP/Zmb/Zpn/Zsz/Zv//mQD/mTP/mWb/mZn/mcz/mf//zAD/zDP/zGb/zJn/zMz/zP///wD//zP//2b//5n//8z///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABlenwdAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG8mZagAAAAlwSFlzAAAOxAAADsQBlSsOGwAAALBJREFUWIXtk7sRwCAMQ7UkndcJi4ShGCeYED5OmQb5osLG79TojJG7YozZiolhUBGxXio2oojKWKlYjxIrXmNzMSx09ZKxvpWGl9RczN9WHjp72ViLIkPdysb83coun+QLg6HDS8cwb+pWs9Ixd2e/zSf5wmDp4+Vj/m5FFULIVkwMM315qRgON/qj7Kg/yo7SKOdZn+wNWutI31BqSmXkb9CqI39DrWXkb0hu5CjKBSdEAM8GjFOdAAAAAElFTkSuQmCC" />
</div>
<div id="shop" class="hidden">
<div id="prods">
</div>
<button>Leave shop</button>
</div>
<div id="attack" class="hidden">
<div id="attack-description"></div>
<button id="fight">Fight</button>
<button id="runaway">Run away</button>
</div>
<div id="event">
</div>
<div class="updates-area" id="updates-area">
</div>
<div id="stats-area">
<div class="stat">Day <span id="stat-day" class="stat-value">0</span></div>
<div class="stat">Distance <span id="stat-distance" class="stat-value">0</span></div>
<div class="stat">Crew <span id="stat-crew" class="stat-value">0</span></div>
<div class="stat">Food <span id="stat-food" class="stat-value">0</span></div>
<div class="stat">Money <span id="stat-money" class="stat-value">0</span></div>
<div class="stat">Firepower <span id="stat-firepower" class="stat-value">0</span></div>
<div class="stat">Oxen <span id="stat-oxen" class="stat-value">0</span></div>
<div class="stat">Wagons <span id="stat-oxen" class="stat-value">1</span></div>
<div class="stat">Weight <span id="stat-weight" class="stat-value">0/100</span><span id="stat-capacity" class="stat-value"></span></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/IdleTrail-Game.js"></script>
</body>
</html>