2020-08-08 21:17:17 +02:00
|
|
|
<!DOCTYPE html>
|
2020-08-31 02:59:47 +02:00
|
|
|
<html lang="en">
|
2020-08-08 21:17:17 +02:00
|
|
|
<head>
|
|
|
|
|
<link href="index.css" rel="stylesheet"/>
|
|
|
|
|
<title>Custom Theme Generator for Mapcomplete</title>
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
2020-08-31 02:59:47 +02:00
|
|
|
#left {
|
2020-08-08 21:17:17 +02:00
|
|
|
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
|
|
|
}
|
|
|
|
|
|
2020-08-31 02:59:47 +02:00
|
|
|
#right {
|
2020-08-08 21:17:17 +02:00
|
|
|
position: absolute;
|
|
|
|
|
width: 50vw;
|
2020-08-31 02:59:47 +02:00
|
|
|
height: 35vh;
|
2020-08-08 21:17:17 +02:00
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
2020-08-08 22:18:10 +02:00
|
|
|
overflow-y: auto;
|
2020-08-08 21:17:17 +02:00
|
|
|
}
|
|
|
|
|
|
2020-08-31 02:59:47 +02:00
|
|
|
#bottomright {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 50vw;
|
|
|
|
|
height: 65vh;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.icon-preview {
|
|
|
|
|
max-width: 2em;
|
|
|
|
|
max-height: 2em ;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.image-large-preview {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
max-height: 30vh;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.json{
|
|
|
|
|
width:100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-08 21:17:17 +02:00
|
|
|
.bordered {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
display:block;
|
|
|
|
|
padding: 0.5em;
|
|
|
|
|
border-radius: 0.5em;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-31 02:59:47 +02:00
|
|
|
.tag-input-row {
|
|
|
|
|
display: block ruby;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin-right: 2em;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-08 21:17:17 +02:00
|
|
|
body {
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2020-08-31 02:59:47 +02:00
|
|
|
<div id="left">
|
|
|
|
|
'left' not attached
|
2020-08-08 21:17:17 +02:00
|
|
|
</div>
|
2020-08-31 02:59:47 +02:00
|
|
|
<div id="right">'right' not attached</div>
|
|
|
|
|
<div id="bottomright">'bottomright' not attached</div>
|
2020-08-08 21:17:17 +02:00
|
|
|
<script src="./customGenerator.ts"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
