aboutsummaryrefslogtreecommitdiffstats
path: root/web/nms.gathering.org/display.html.bak
blob: f74d941b8e580a13109c46414d4f3dc6ba3430c7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>
	<head>
		<title>TG15 - The Future Is Back</title>
		<style type="text/css">
			.frames {
				position: absolute;
				bottom: 0px;
				left: 0px;
				visibility: hidden;
				margin: 0px;
				overflow-y: hidden;
				overflow-x: hidden;
			}
		</style>
		<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
		<script type="text/javascript">
			var page = 0;
			var iframes = 3;
			var delay = 10;

			function rotate() {
				$('body').delay(delay*1000).queue(function(next) { 
											$('iframe').each(function(i, obj) {
												if (i == page) {
													this.style.visibility = 'visible';
												} else {
													this.style.visibility = 'hidden';
												}
											});
											next();
											rotate();
										});
				page = (page + 1) % iframes;
			}

			$(document).ready(function(){
				rotate();
			});
		</script>
	</head>
	<body style="background-image: url('http://funfact.tg15.gathering.org/background.png'); background-size: cover; background-repeat: no-repeat; overflow: hidden;">
		<iframe height="1080" class="frames" width="1920" id="observium" frameborder="0" src="http://nms.tg15.gathering.org/ping.html" scrolling="no"></iframe>
		<iframe height="1080" class="frames" width="1920" id="observium" frameborder="0" src="http://nms.tg15.gathering.org/dhcpkart.pl" scrolling="no"></iframe>
		<iframe height="600" class="frames" width="92%" id="observium" frameborder="0" src="http://observium.tg15.gathering.org/graph-realtime.php?type=bits&id=447&interval=30" scrolling="no" style="visibility: visible;"></iframe>
	</body>
</html>