|
@@ -1,68 +0,0 @@
|
|
|
-<!doctype html>
|
|
|
-<title>Teamspeak Server Status</title>
|
|
|
-<style>
|
|
|
- body {
|
|
|
- margin: 0px 0px 0px 0px;
|
|
|
- padding: 0px 0px 0px 0px;
|
|
|
- font-family: verdana, arial, helvetica, sans-serif;
|
|
|
- color: #ccc;
|
|
|
- background-color: #333;
|
|
|
- }
|
|
|
- #bounceBox {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- }
|
|
|
- #bouncer {
|
|
|
- position: absolute;
|
|
|
- }
|
|
|
-</style>
|
|
|
-<script>
|
|
|
- // JS adapted from
|
|
|
- // https://stackoverflow.com/questions/6152522/how-can-i-make-a-paragraph-bounce-around-in-a-div
|
|
|
- let vx = 3;
|
|
|
- let vy = 2;
|
|
|
- const buffer = 5;
|
|
|
-
|
|
|
- const hitLR = (el, bounding) => {
|
|
|
- if (el.offsetLeft <= buffer && vx < 0) {
|
|
|
- vx = -1 * vx;
|
|
|
- }
|
|
|
- if ((el.offsetLeft + el.offsetWidth) >= (bounding.offsetWidth - buffer)) {
|
|
|
- vx = -1 * vx;
|
|
|
- }
|
|
|
- if (el.offsetTop <= buffer && vy < 0) {
|
|
|
- vy = -1 * vy;
|
|
|
- }
|
|
|
- if ((el.offsetTop + el.offsetHeight) >= (bounding.offsetHeight - buffer)) {
|
|
|
- vy = -1 * vy;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- const mover = (el, bounding) => {
|
|
|
- hitLR(el, bounding);
|
|
|
- el.style.left = el.offsetLeft + vx + 'px';
|
|
|
- el.style.top = el.offsetTop + vy + 'px';
|
|
|
- setTimeout(function() {
|
|
|
- mover(el, bounding);
|
|
|
- }, 30);
|
|
|
- }
|
|
|
-
|
|
|
- setTimeout(() => mover(
|
|
|
- document.getElementById("bouncer"),
|
|
|
- document.getElementById("bounceBox")
|
|
|
- ), 30);
|
|
|
-
|
|
|
- // makes the iframe have the appropriate height
|
|
|
- const resizeIframe = (obj) => {
|
|
|
- obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
|
|
|
- obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';
|
|
|
- }
|
|
|
-</script>
|
|
|
-<body>
|
|
|
- <div id="bounceBox">
|
|
|
- <iframe id="bouncer" frameborder="0" src="https://kirkleon.ddns.net/teamspeak/page" scrolling="no" onload="resizeIframe(this)"></iframe>
|
|
|
- </div>
|
|
|
-</body>
|