Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
109 lines (103 loc) · 3.82 KB
/
Copy pathindex.html
File metadata and controls
109 lines (103 loc) · 3.82 KB
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 lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kernel Panic</title>
<meta charset="utf-8" />
<meta
name="description"
content="Turn-based cyberpunk roguelike — tactical grid combat in a terminal-inspired UI"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta name="theme-color" content="#00d9a5" />
<link rel="canonical" href="https://kernel-panic.facerix.com/" />
<meta property="og:title" content="Kernel Panic" />
<meta
property="og:description"
content="Turn-based cyberpunk roguelike — tactical grid combat in a terminal-inspired UI"
/>
<meta property="og:url" content="https://kernel-panic.facerix.com/" />
<meta property="og:type" content="website" />
<meta http-equiv="Content-Language" content="en" />
<link rel="icon" href="/favicon.ico" sizes="32x32" />
<link rel="icon" href="/icon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" href="/main.css" type="text/css" charset="utf-8" />
<link rel="manifest" href="/manifest.json" />
<link rel="modulepreload" href="/index.js" />
</head>
<body class="u-fill-height">
<header id="main-head">
<img src="/icon.svg" width="40" height="40" alt="Kernel Panic logo" />
<h1>Kernel Panic</h1>
<button
type="button"
id="settings-toggle"
class="header-key-help-btn"
title="Options"
aria-label="Open options dialog"
>
Options
</button>
<button
type="button"
id="key-help-toggle"
class="header-key-help-btn"
aria-keyshortcuts="Shift+/"
title="Keys (?)"
aria-label="Show keyboard shortcuts"
>
?
</button>
</header>
<main class="game-shell u-fill-width u-flex u-flex-column">
<div class="game-stage">
<div class="game-canvas-wrap">
<canvas
id="game-canvas"
width="640"
height="400"
tabindex="0"
aria-label="Kernel Panic game view"
></canvas>
<canvas
id="pip-canvas"
width="160"
height="100"
hidden
aria-hidden="true"
aria-label="Meatspace CCTV"
></canvas>
</div>
<aside class="game-log collapsed">
<h3>Log</h3>
<pre id="log" aria-live="polite"></pre>
</aside>
<contract-select id="contract-select"></contract-select>
<run-briefing id="briefing"></run-briefing>
<crash-dump id="crash"></crash-dump>
<game-over id="game-over"></game-over>
<fault-screen id="fault-screen"></fault-screen>
<system-start id="system-start"></system-start>
<curator-briefing id="curator-briefing"></curator-briefing>
</div>
<p class="game-shell__status" id="game-status" aria-live="polite">Booting Meatspace…</p>
</main>
<footer id="main-foot"><a href="/about.html">GAME INFO</a></footer>
<confirmation-modal id="confirm-modal"></confirmation-modal>
<initial-recruit id="initial-recruit"></initial-recruit>
<crew-roster id="crew-roster"></crew-roster>
<finn-shop id="finn-shop"></finn-shop>
<clinic-modal id="clinic-modal"></clinic-modal>
<settings-modal id="settings-modal"></settings-modal>
<combat-inventory id="combat-inventory"></combat-inventory>
<crew-inventory id="crew-inventory"></crew-inventory>
<chronicle-archive id="chronicle-archive"></chronicle-archive>
<key-help id="key-help"></key-help>
<touch-pad id="touch-pad"></touch-pad>
<update-notification></update-notification>
</body>
<script src="/index.js" type="module"></script>
</html>