51 lines
1.4 KiB
HTML
51 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Orbit</title>
|
|
<style>
|
|
/* Game typefaces (see data/theme.json — Ethnocentric = headers, Centauri = body/buttons).
|
|
Loaded before first draw in js/main.js so canvas text uses them from frame one. */
|
|
@font-face {
|
|
font-family: 'Ethnocentric';
|
|
src: url('assets/fonts/Ethnocentric-Regular.otf') format('opentype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'Centauri';
|
|
src: url('assets/fonts/FontsFree-Net-Centauri.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
background: #04060d;
|
|
overflow: hidden;
|
|
}
|
|
#game {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
#game canvas {
|
|
display: block;
|
|
}
|
|
</style>
|
|
<!-- Vendored Phaser (UMD build, sets window.Phaser). See lib/PHASER_LICENSE.md -->
|
|
<script src="lib/phaser.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="game"></div>
|
|
<!-- App code is plain ES6 modules -->
|
|
<script type="module" src="js/main.js"></script>
|
|
</body>
|
|
</html>
|