vehicle-simulator/simulator/www/vhelio-simulator.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<style>
			html, body {
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<h1>Simulateur de vhélio</h1>
		<p>Estimez votre autonomie et votre consommation d'énergie</p>
		
		<div id="simulator"></div>
		
		<script type="text/javascript" src="simulator.js"></script>
	</body>
</html>
whole application embedded in a single js file, loaded in iframe 2021-10-05 22:30:43 +01:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta charset="utf-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`

			`<style>`
refactored HTML injection system - using a <div> container instead of an <iframe> (simplifies the build system, avoids the quirks iframes) - Bulma CSS is encapsulated in the #simulator ID to avoid polluting the rest of the page, as well as increasing the chances to override the page CSS 2021-10-08 18:44:28 +01:00			`html, body {`
			`margin: 0;`
			`padding: 0;`
			`}`
whole application embedded in a single js file, loaded in iframe 2021-10-05 22:30:43 +01:00			`</style>`
			`</head>`
			`<body>`
			`<h1>Simulateur de vhélio</h1>`
			`<p>Estimez votre autonomie et votre consommation d'énergie</p>`

refactored HTML injection system - using a <div> container instead of an <iframe> (simplifies the build system, avoids the quirks iframes) - Bulma CSS is encapsulated in the #simulator ID to avoid polluting the rest of the page, as well as increasing the chances to override the page CSS 2021-10-08 18:44:28 +01:00			`<div id="simulator"></div>`
whole application embedded in a single js file, loaded in iframe 2021-10-05 22:30:43 +01:00
			`<script type="text/javascript" src="simulator.js"></script>`
			`</body>`
			`</html>`