diff options
Diffstat (limited to 'mavigator-server/src/main/resources/assets/images/hud/overlay.html')
-rw-r--r-- | mavigator-server/src/main/resources/assets/images/hud/overlay.html | 29 |
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> |