summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--index.html8
-rw-r--r--style.css17
2 files changed, 18 insertions, 7 deletions
diff --git a/index.html b/index.html
index b95430d..53d79ec 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,10 @@
<link rel="stylesheet" type="text/css" href="style.css">
<title>Derelict</title>
<body>
-<div id="container"></div>
-<input type="range" min="0" max="1" value="0" id="timeline">
+<div id="wrapper">
+ <div id="container"></div>
+ <div id="toolbar">
+ <input type="range" min="0" max="1" value="0" id="timeline">
+ </div>
+</div>
<script type="module" src="derelict.js"></script>
diff --git a/style.css b/style.css
index 2be182c..bd1cb01 100644
--- a/style.css
+++ b/style.css
@@ -11,13 +11,20 @@ body {
fill: #eee;
}
-#container {
+#wrapper {
+ display: flex;
width: 100vw;
height: 100vh;
+ flex-direction: column;
+}
+
+#container {
+ position: relative;
+ overflow: hidden;
+ flex-grow: 1;
}
-#timeline {
- position: absolute;
- width: 50vw;
- bottom: 0px;
+#toolbar {
+ background: #eee;
+ padding: 1em;
}