-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
98 lines (95 loc) · 3.54 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
<html><head>
<title>Shikken</title>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<link rel=stylesheet href=style.css />
<link rel=icon type=image/png href=favicon.png>
</head><body>
<!-- LittleJS engine scripts -->
<!--
<script src=engine/engineDebug.js?111></script>
<script src=engine/engineUtilities.js?111></script>
<script src=engine/engineSettings.js?111></script>
<script src=engine/engineObject.js?111></script>
<script src=engine/engineDraw.js?111></script>
<script src=engine/engineInput.js?111></script>
<script src=engine/engineAudio.js?111></script>
<script src=engine/engineTileLayer.js?111></script>
<script src=engine/engineParticles.js?111></script>
<script src=engine/engineMedals.js?111></script>
<script src=engine/engineWebGL.js?111></script>
<script src=engine/engine.js?111></script>
-->
<!-- You can also include all engine scripts like this... -->
<!-- <script src=engine/engine.all.js></script> -->
<!-- Add your game script(s) here -->
<script type=module src=src/game.js?111></script>
<!-- <script type=module src=game_bundle.js?111></script> -->
<main>
<div id=w>
<div id=intro>
<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
<polygon points="15,0 30,30, 15,30 22.5,15 7.5,15 15,30 0,30" />
</svg>
<div>
<h1>北条 執権<br>SHIKKEN</h1>
</div>
<div id=hist>
<p>
In the 13th century the Mongols conquered Korea, and by 1266 Kublai Khan set his eyes across the sea
to Japan. He sent emissaries demanding surrender:
<span class=quote>"Genghis Khan governed at heaven's commands. All countries belong to our family...
Now, under our sage emperor, all under the light of the sun and the moon are his subjects.
You, stupid little barbarians. Do you dare to defy us by not submitting?"</span>
</p>
<p>
Japan rushed to prepare for the invasion. The shikken 執権 of the Hōjō 北条 clan was absolute ruler of the Empire,
and began to fortify the coast, and ordered the Shinto shrines and Buddhist temples to pray for victory.
</p>
</div>
<div id=inst>
⬅️ Tap and drag to move left
<br><b>and begin preparing for the Mongol invasion.</b>
</div>
<div id=ver>JS13k 2023 version 1.0.0</div>
</div>
<canvas id=wc width=1 height=1></canvas>
<svg id=ws viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg">
<g id=layer-road></g>
<g id=layer-building></g>
<g id=layer-resource></g>
<g id=layer-meeple></g>
</svg>
</div>
<div id=tui class=ui>
<div class="uirow">
<span id=cd></span>
<span id=karma></span>
<div><button id=kamikaze>🌀<b>Kamikaze</b></button></div>
<!-- menu button -->
</div>
<div id=binfo><!-- info about selected building --></div>
<ul id=blist></ul>
</div>
<div id=bui class=ui>
<div id=jass><!-- job assignment --></div>
<div id=createhelp>Tap the map to build a connection</div>
<div class=uirow>
<button id=play><i>▶️</i><b>Play</b></button>
<button id=pause><i>⏸️</i><b>Pause</b></button>
<button id=upgra><i>🔨</i><b>Upgrade</b></button>
<button id=build><i>➕</i><b>Expand</b></button>
<button id=cancel><i>✖️</i><b>Cancel</b></button>
<button id=restart><i>💀🔄️</i><b>Restart</b></button>
<button id=jobs><i>💼</i><b>Jobs</b></button>
</div>
</div>
<div id=flash>
<i></i>
<h1></h1>
<p></p>
<b>Tap to dismiss</b>
</div>
</main>