aboutsummaryrefslogtreecommitdiffstats
path: root/web/nms.gathering.org/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'web/nms.gathering.org/index.html')
-rw-r--r--web/nms.gathering.org/index.html53
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>