mapcomplete/customGenerator.html

49 lines
1 KiB
HTML
Raw Normal View History

2020-08-08 21:17:17 +02:00
<!DOCTYPE html>
<html>
<head>
<link href="index.css" rel="stylesheet"/>
<title>Custom Theme Generator for Mapcomplete</title>
<style type="text/css">
#maindiv {
position: absolute;
width: 50vw;
2020-08-08 22:18:10 +02:00
height: 100vh;
2020-08-08 21:17:17 +02:00
left: 0;
top: 0;
2020-08-08 22:18:10 +02:00
overflow-y: auto;
2020-08-08 21:17:17 +02:00
}
#preview {
position: absolute;
width: 50vw;
height: 100vh;
right: 0;
top: 0;
2020-08-08 22:18:10 +02:00
word-break: break-all;
overflow-y: auto;
2020-08-08 21:17:17 +02:00
}
.bordered {
border: 1px solid black;
display:block;
padding: 0.5em;
border-radius: 0.5em;
}
body {
height: 100%;
}
</style>
</head>
<body>
<div id="maindiv">
<h1>Create your own theme</h1>
2020-08-08 21:17:17 +02:00
<div id="layoutCreator"></div>
</div>
<div id="preview">'preview' not attached</div>
<script src="./customGenerator.ts"></script>
</body>
</html>