diff options
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> |