diff options
author | Jakob Odersky <jodersky@gmail.com> | 2015-08-18 16:25:15 -0700 |
---|---|---|
committer | Jakob Odersky <jodersky@gmail.com> | 2015-08-18 16:25:15 -0700 |
commit | 58daf3b0559d4facbb09fcc375a0b3d4ff9010cf (patch) | |
tree | 71245f128e35f11b04beff8562d8f9a31c319768 /vfd-main/public/images/hud/overlay.html | |
parent | 19b2afbf346f5a622449e5c460a432c946962fe9 (diff) | |
download | mavigator-58daf3b0559d4facbb09fcc375a0b3d4ff9010cf.tar.gz mavigator-58daf3b0559d4facbb09fcc375a0b3d4ff9010cf.tar.bz2 mavigator-58daf3b0559d4facbb09fcc375a0b3d4ff9010cf.zip |
basic hud
Diffstat (limited to 'vfd-main/public/images/hud/overlay.html')
-rw-r--r-- | vfd-main/public/images/hud/overlay.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/vfd-main/public/images/hud/overlay.html b/vfd-main/public/images/hud/overlay.html new file mode 100644 index 0000000..58b0ef7 --- /dev/null +++ b/vfd-main/public/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> |