neale/moth
neale
/
moth
mirror of https://github.com/dirtbags/moth.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Changed from reloader to projector

This commit is contained in:
The Great & Powerful James Wernicke 2015-06-04 00:02:51 -06:00
parent 23fac6a44a
commit 061474a231
3 changed files with 55 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
www/credits.html
View File

@ -9,7 +9,7 @@ function shuf (ul) {
var lists = document.getElementsByClassName("shuf"); var lists = document.getElementsByClassName("shuf");
for (var l = 0; l < lists.length; l += 1) { for (var l = 0; l < lists.length; l += 1) {
var ul = lists[l]; var ul = lists[l];
for (var i = ul.children.length; i >= 0; i--) { for (var i = ul.children.length; i >= 0; i--) {
ul.appendChild(ul.children[Math.random() * i | 0]); ul.appendChild(ul.children[Math.random() * i | 0]);
} }
@ -27,10 +27,10 @@ window.addEventListener("load", init);
</head> </head>
<body> <body>
<h1>Credits</h1> <h1>Credits</h1>
<section> <section>
<h2>Created By</h2> <h2>Created By</h2>
<ul class="shuf"> <ul class="shuf">
<!-- Added in order of date --> <!-- Added in order of date -->
<li>Neale Pickett</li> <li>Neale Pickett</li>
@ -48,13 +48,14 @@ window.addEventListener("load", init);
<li>Erin Ochoa</li> <li>Erin Ochoa</li>
<li>William Phillips</li> <li>William Phillips</li>
<li>Jeremy Hefner</li> <li>Jeremy Hefner</li>
<li>James Wernicke</li>
</ul> </ul>
<p> <p>
Should your name be here? Please remind me! Should your name be here? Please remind me!
</p> </p>
</section> </section>
<section> <section>
<h2>Inspiration</h2> <h2>Inspiration</h2>
<ul class="shuf"> <ul class="shuf">
@ -63,7 +64,7 @@ window.addEventListener("load", init);
<li>Sandia National Laboratories</li> <li>Sandia National Laboratories</li>
</ul> </ul>
</section> </section>
<section> <section>
<h2>Thanks</h2> <h2>Thanks</h2>
<p> <p>

42
www/projector.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>Scoreboard</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="scoreboard.js" async></script>
<style>
body, html {
width: 100%;
height: 100%;
overflow: hidden;
cursor: none;
}
iframe {
width: 100%;
height: 100%;
border: none;
margin: 0;
padding: 0;
}
</style>
<script>
var urls = ["scoreboard.html", "credits.html", "tanks.html"];
var i = 0;
function reload() {
// alternate between scoreboard and other things
var url = i%2 ? urls[0] : urls[i%urls.length];
document.getElementById('reloader').src = url;
i++;
}
function init() {
window.timeout = setTimeout(reload, 6000);
}
window.addEventListener("load", init);
</script>
</head>
<body>
<iframe id="reloader" src="scoreboard.html"></iframe>
</body>
</html>

11
www/scoreboard-reloader.html
View File

@ -13,24 +13,25 @@
} }
iframe { iframe {
width: 100%; width: 100%;
height: 100; height: 100%;
border: none; border: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
</style> </style>
<script> <script>
var i = 0;
function init() { function init() {
setTimeout(function(){ setInterval(function(){
window.document.getElementById('reloader').src = window.document.getElementById('reloader').src; window.document.getElementById('reloader').src = window.document.getElementById('reloader').src;
},60000); },2000);
} }
window.addEventListener("load", init); window.addEventListener("load", init);
</script> </script>
</head> </head>
<body> <body>
<iframe id="reloader" src="http://localhost/tf6/scoreboard.html"> <iframe id="reloader" src="//koth/scoreboard.html">
<div id="scoreboard"></div> <div id="scoreboard"></div>
</body> </body>
</html> </html>