1 files changed, 71 insertions, 0 deletions
diff --git a/content/shapes.html b/content/shapes.html
new file mode 100644
index 0000000..ce8b02d
--- /dev/null
+++ b/content/shapes.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Edit points</title>
+        <link rel="stylesheet" href="/static/leaflet.css" />
+        <script src="/static/leaflet.js"></script>
+        <script src="/static/main.js"></script>
+</head>
+<body>
+        <div id="container">
+                <div id="sidepanel">
+                        <button id="shape-create" type="button">Create shape</button>
+                        <button id="shape-delete" type="button">Delete shape</button>
+                        <button id="shape-kind-unburned" type="button">Shape Unburned</button>
+                        <button id="shape-kind-burned" type="button">Shape Burned</button>
+                        <button id="shapes-update" type="button">Update Shapes</button>
+                </div>
+                <div id="map"></div>
+        </div>
+</body>
+<style>
+        body {
+                margin: 0;
+                padding: 0;
+        }
+        #container {
+                display: grid;
+                width: 100vw;
+                height: 100vh;
+                gap: 0px 0px;
+                grid-template-rows: 1fr;
+                grid-template-columns: 1fr 3fr;
+                grid-template-areas: "side map";
+        }
+        #sidepanel {
+                display: flex;
+                flex-direction: column;
+                width: 100%;
+                height: 100%;
+                grid-area: "side";
+        }
+        #map {
+                width: 100%;
+                height: 100%;
+                grid-area: "map";
+        }
+        img {
+                max-height: 100%;
+                max-width: 100%;
+        }
+        .image-holder {
+                height: 300px;
+                width: 300px;
+        }
+</style>
+<script>
+        window.addEventListener("load", () => page_shape__main())
+</script>
+</html>

diff --git a/content/shapes.html b/content/shapes.html new file mode 100644 index 0000000..ce8b02d --- /dev/null +++ b/content/shapes.html
@@ -0,0 +1,71 @@
	1	<!DOCTYPE html>
	2	<html lang="en">
	3
	4	<head>
	5	<meta charset="UTF-8">
	6	<meta name="viewport" content="width=device-width, initial-scale=1">
	7	<title>Edit points</title>
	8	<link rel="stylesheet" href="/static/leaflet.css" />
	9	<script src="/static/leaflet.js"></script>
	10	<script src="/static/main.js"></script>
	11	</head>
	12
	13	<body>
	14	<div id="container">
	15	<div id="sidepanel">
	16	<button id="shape-create" type="button">Create shape</button>
	17	<button id="shape-delete" type="button">Delete shape</button>
	18	<button id="shape-kind-unburned" type="button">Shape Unburned</button>
	19	<button id="shape-kind-burned" type="button">Shape Burned</button>
	20	<button id="shapes-update" type="button">Update Shapes</button>
	21	</div>
	22	<div id="map"></div>
	23	</div>
	24	</body>
	25
	26	<style>
	27	body {
	28	margin: 0;
	29	padding: 0;
	30	}
	31
	32	#container {
	33	display: grid;
	34	width: 100vw;
	35	height: 100vh;
	36	gap: 0px 0px;
	37	grid-template-rows: 1fr;
	38	grid-template-columns: 1fr 3fr;
	39	grid-template-areas: "side map";
	40	}
	41
	42	#sidepanel {
	43	display: flex;
	44	flex-direction: column;
	45	width: 100%;
	46	height: 100%;
	47	grid-area: "side";
	48	}
	49
	50	#map {
	51	width: 100%;
	52	height: 100%;
	53	grid-area: "map";
	54	}
	55
	56	img {
	57	max-height: 100%;
	58	max-width: 100%;
	59	}
	60
	61	.image-holder {
	62	height: 300px;
	63	width: 300px;
	64	}
	65	</style>
	66
	67	<script>
	68	window.addEventListener("load", () => page_shape__main())
	69	</script>
	70
	71	</html>