diff options
author | Jakob Odersky <jakob@odersky.com> | 2016-02-24 20:33:51 -0800 |
---|---|---|
committer | Jakob Odersky <jakob@odersky.com> | 2016-02-24 20:33:51 -0800 |
commit | 8186b3622ce1c9d2b50df3d264ab526dc1e61d77 (patch) | |
tree | b4446408291c9f179e1c270a561523023ac6a105 /mavigator-server/src/main/resources/assets/images/hud/overlay.html | |
parent | 6c4e8849d753734b3e50523dcdb372fbdbccc2c1 (diff) | |
parent | a41de68066007852d7d3dbf019d75b4caf7463ad (diff) | |
download | mavigator-8186b3622ce1c9d2b50df3d264ab526dc1e61d77.tar.gz mavigator-8186b3622ce1c9d2b50df3d264ab526dc1e61d77.tar.bz2 mavigator-8186b3622ce1c9d2b50df3d264ab526dc1e61d77.zip |
Merge branch 'akka-streams'
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> |