aboutsummaryrefslogtreecommitdiffstats
path: root/web/nms.gathering.org/index.html
diff options
context:
space:
mode:
authorNicolai Tellefsen <niccofyren@gmail.com>2016-03-25 05:07:35 +0100
committerNicolai Tellefsen <niccofyren@gmail.com>2016-03-25 05:07:35 +0100
commit9b21da6a4b4c6b06ab21b2d5b1b817b8556e2019 (patch)
tree7b84b634735c59077b150d9bc2b1dfb07997ea5b /web/nms.gathering.org/index.html
parent1daa378e1eeb92c3e838f80de929707ba8ed7c63 (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.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>