editor.html

<!doctype html>
<html class="no-js" lang="en">
<head>
	<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="minimal-ui width=device-width, user-scalable=no, initial-scale=1" />
	<title></title>
	<link rel="stylesheet" href="css/normalize.min.css" />
	<link rel="stylesheet" href="css/editor.min.css" />
</head>
<body>
<div class="spectropolis__wrapper">
	<svg width="100%" height="100%" class="spectropolis__interact" viewBox="0 0 100 100" preserveAspectRatio="none" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" data-status="idle">
		<image xlink:href="img/bg.png" x="0" y="0" width="100%" height="100%" preserveAspectRatio="none"/>
		</def>
	</svg>
</div>
<div class="management">
	<button class="ref__finish-shape">finish shape</button>
	<button class="ref__start-polygon">draw a polygon</button>
	<button class="ref__draw-rectangles">draw rectangles</button>
	<button class="ref__finish-rectangles">finish rectangles</button>
</div>
<script
			  src="https://code.jquery.com/jquery-2.2.3.min.js"
			  integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo="
			  crossorigin="anonymous"></script>
<script src="js/editor.js"></script>
</body>
</html>