diff options
author | Nicolai Tellefsen <niccofyren@gmail.com> | 2016-03-25 05:07:35 +0100 |
---|---|---|
committer | Nicolai Tellefsen <niccofyren@gmail.com> | 2016-03-25 05:07:35 +0100 |
commit | 9b21da6a4b4c6b06ab21b2d5b1b817b8556e2019 (patch) | |
tree | 7b84b634735c59077b150d9bc2b1dfb07997ea5b /web/nms.gathering.org/index.html | |
parent | 1daa378e1eeb92c3e838f80de929707ba8ed7c63 (diff) |
NMS: Improved TV-mode default view and options
Removed menubar by default, hid time info, added bigger map description
and bigger legend-bar.
New options:
nightmode: 1 or 0 - Turns nightmode on or off
vertical: 0 or 1 - Rotates text for rotated displays
Diffstat (limited to 'web/nms.gathering.org/index.html')
-rw-r--r-- | web/nms.gathering.org/index.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/web/nms.gathering.org/index.html b/web/nms.gathering.org/index.html index 3fec2d6..af7776d 100644 --- a/web/nms.gathering.org/index.html +++ b/web/nms.gathering.org/index.html @@ -39,6 +39,51 @@ tr.mgmt_v4_addr { font-weight: 700; } + h1.map-mode-title { + font-weight: 700; + font-size: 55px; + color: black; + display: none; + z-index: 999; + } + .vertical h1.map-mode-title { + left: 30px; + bottom: 0px; + position: absolute; + transform-origin: 0px 0% 0px; + transform: rotate(-90deg); + } + .tvmode h1.map-mode-title { + display: block; + } + .nightmode h1.map-mode-title { + color: white; + } + .tvmode #topCanvas { + display: none; + } + div.map-mode-legend { + display: none; + position: fixed; + bottom: 5%; + right: 5%; + z-index: 999; + } + .vertical div.map-mode-legend { + top: -10px; + right: 30px; + position: absolute; + transform-origin: 100% 100% 0; + transform: rotate(-90deg); + height: 40px; + } + div.map-mode-legend button { + font-size: 20px; + font-weight: 700; + } + .tvmode div.map-mode-legend { + display: block; + } </style> </head> @@ -253,6 +298,14 @@ </div> </div> + <h1 id="map-mode-title" class="map-mode-title"></h1> + <div class="map-mode-legend form-group"> + <button class="btn btn-default btn-sm" id="tv-mode-legend-1"></button> + <button class="btn btn-default btn-sm" id="tv-mode-legend-2"></button> + <button class="btn btn-default btn-sm" id="tv-mode-legend-3"></button> + <button class="btn btn-default btn-sm" id="tv-mode-legend-4"></button> + <button class="btn btn-default btn-sm" id="tv-mode-legend-5"></button> + </div> <canvas id="bgCanvas" width="1920" height="1032" style="position: absolute; z-index: 1;"> </canvas> <canvas id="linkCanvas" width="1920" height="1032" style="position: absolute; z-index: 10; display: none;"> </canvas> <canvas id="blurCanvas" width="1920" height="1032" style="position: absolute; z-index: 20;"> </canvas> |