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">
|
2020-08-17 17:23:15 +02:00
|
|
|
<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>
|
