| ... | ... |
@@ -20,13 +20,6 @@ a:hover { color: #ccc; }
|
| 20 | 20 |
width: 90%; |
| 21 | 21 |
max-height: 50vh; |
| 22 | 22 |
} |
| 23 |
-.legend {
|
|
| 24 |
- /* Nothing Yet */ |
|
| 25 |
-} |
|
| 26 |
-.map {
|
|
| 27 |
- /* Nothing Yet */ |
|
| 28 |
-} |
|
| 29 |
- |
|
| 30 | 23 |
|
| 31 | 24 |
[class*="maps-"], |
| 32 | 25 |
.maps |
| ... | ... |
@@ -34,7 +27,6 @@ a:hover { color: #ccc; }
|
| 34 | 27 |
display:inline; |
| 35 | 28 |
position:absolute; |
| 36 | 29 |
z-index: 1; |
| 37 |
- /*width: 853; height: 480px;*/ |
|
| 38 | 30 |
width: inherit; |
| 39 | 31 |
} |
| 40 | 32 |
|
| ... | ... |
@@ -49,6 +41,12 @@ a:hover { color: #ccc; }
|
| 49 | 41 |
.maps-8 {opacity: 0.2;filter: grayscale(90);}
|
| 50 | 42 |
.maps-9 {opacity: 0.1;filter: grayscale(100);}
|
| 51 | 43 |
.icon {
|
| 44 |
+ display:inline; |
|
| 45 |
+ font-size: 0.7em; |
|
| 46 |
+ font-family: "Lucida Sans", sans-serif; |
|
| 47 |
+} |
|
| 48 |
+#refresh-date {
|
|
| 49 |
+ display:inline; |
|
| 52 | 50 |
font-size: 0.7em; |
| 53 | 51 |
font-family: "Lucida Sans", sans-serif; |
| 54 | 52 |
} |
| ... | ... |
@@ -67,10 +65,25 @@ a:hover { color: #ccc; }
|
| 67 | 65 |
.legend-img { bottom: 10%; }
|
| 68 | 66 |
} |
| 69 | 67 |
</style> |
| 68 |
+<script type="text/javascript"> |
|
| 69 |
+window.onload = function() {
|
|
| 70 |
+ var d = Date(Date.now()); |
|
| 71 |
+ var a = d.toString(); |
|
| 72 |
+ var idx = a.indexOf(' (');
|
|
| 73 |
+ var aTrunc = a.substr(0,idx); |
|
| 74 |
+ document.getElementById('refresh-date').innerHTML = aTrunc;
|
|
| 75 |
+} |
|
| 76 |
+setTimeout(function(){
|
|
| 77 |
+ location = '' |
|
| 78 |
+},300000); |
|
| 79 |
+</script> |
|
| 70 | 80 |
|
| 71 | 81 |
</head> |
| 72 | 82 |
<body> |
| 73 |
-<div class="icon">Icon made by <a href="//www.flaticon.com/authors/smashicons">Smashicons</a> from <a href="//www.flaticon.com">www.flaticon.com</a></div> |
|
| 83 |
+<div class="icon"> |
|
| 84 |
+Icon made by <a href="//www.flaticon.com/authors/smashicons">Smashicons</a> from <a href="//www.flaticon.com">www.flaticon.com</a> |
|
| 85 |
+</div> |
|
| 86 |
+<div id="refresh-date"></div> |
|
| 74 | 87 |
<div class="holder map"> |
| 75 | 88 |
<img src="https://www.nea.gov.sg/assets/images/map/base-853.png" class="maps" > |
| 76 | 89 |
<img src="https://www.nea.gov.sg/assets/images/map/SG-Township.png" class="maps" > |