rpgedit/dist/index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>RPGedit</title>
		<style type="text/css">
			html, body {
				width: 100%;
				height: 100%;
			}

			body {
				text-align: center;
			}

			canvas {
				position: relative;
				top: calc(50% - 384px);
			}

			* {
				margin: 0px;
				padding: 0px;
				border: 0px;
				background: #223;
			}
		</style>
	</head>
	<body>
		<canvas id="rpgedit" width="1024" height="768"></canvas>
		<script src="bundle.js"></script>
	</body>
</html>
Initial setup (Webpack, TypeScript, WebGL) 2017-09-09 02:52:01 +02:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta charset="utf-8">`
			`<title>RPGedit</title>`
			`<style type="text/css">`
			`html, body {`
			`width: 100%;`
			`height: 100%;`
			`}`

Code structuring Also, use a fixed-size canvas for now. 2017-09-11 23:24:13 +02:00			`body {`
			`text-align: center;`
Initial setup (Webpack, TypeScript, WebGL) 2017-09-09 02:52:01 +02:00			`}`

index.html: vertically center canvas 2018-11-04 20:03:33 +01:00			`canvas {`
			`position: relative;`
			`top: calc(50% - 384px);`
			`}`

Initial setup (Webpack, TypeScript, WebGL) 2017-09-09 02:52:01 +02:00			`* {`
			`margin: 0px;`
			`padding: 0px;`
			`border: 0px;`
index.html: vertically center canvas 2018-11-04 20:03:33 +01:00			`background: #223;`
Initial setup (Webpack, TypeScript, WebGL) 2017-09-09 02:52:01 +02:00			`}`
			`</style>`
			`</head>`
			`<body>`
index.html: vertically center canvas 2018-11-04 20:03:33 +01:00			`<canvas id="rpgedit" width="1024" height="768"></canvas>`
Initial setup (Webpack, TypeScript, WebGL) 2017-09-09 02:52:01 +02:00			`<script src="bundle.js"></script>`
			`</body>`
			`</html>`