1 files changed, 29 insertions, 0 deletions
diff --git a/mavigator-server/src/main/resources/assets/images/hud/overlay.html b/mavigator-server/src/main/resources/assets/images/hud/overlay.html
new file mode 100644
index 0000000..58b0ef7
--- /dev/null
+++ b/mavigator-server/src/main/resources/assets/images/hud/overlay.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <style>
+      html,body {
+      margin: 0;
+      width: 100%;
+      height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+
+    <div style="width: 100%; height: 100%; display: flex; align-content: flex-start; align-items: stretch; flex-direction: row">
+      <div style="flex: 1; background-color: yellow;">side menu</div>
+      
+      <div style="flex: 1 1 70%; background-color: red; position: relative;">
+	<div style="background-color: green; z-index: 0; display: flex; align-content: center; align-items: stretch; flex-direction: column; position: absolute; left: 0; right: 0; top: 0; bottom: 0;">
+	  <object style="flex: 1 1 100%;" type="image/svg+xml" data="horizon.svg">level0</object>
+	</div>
+	
+	<div style="z-index: 1; display: flex; align-content: center; align-items: stretch; flex-direction: column; position: absolute; left: 0; right: 0; top: 0; bottom: 0;">
+	  <object style="flex: 1 1 100%;" type="image/svg+xml" data="roll.svg">level0</object>
+	</div>
+      </div>
+    </div>
+  </body>
+</html>