Skip to content

Instantly share code, notes, and snippets.

@krsanford

krsanford/index.html

Last active August 29, 2015 14:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save krsanford/ff7b0005767ea3abaeb4 to your computer and use it in GitHub Desktop.
Save krsanford/ff7b0005767ea3abaeb4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<style>
body {
overflow: hidden;
}
#myIframe {
margin: -10px 0 0 -10px;
border: 0;
overflow: hidden;
}
#myText {
position: absolute;
bottom: 0;
left: 0;
font: 1em mplus-2p-light-sub,Helvetica,arial,freesans,clean,sans-serif;
font-size: 3em;
width: 100%;
height: 3rem;
background-color: black;
color: rgba(255, 255, 255, 0.6);
padding: 10px 0 30px 30px;
}
</style>
<div id="myText"></div>
<iframe id="myIframe" src="" scrolling="no"></iframe>
<script>
var overlays = [
['', ''],
['relative_humidity', ' / Relative Humidity'],
['temp', ' / Temperature'],
['total_precipitable_water', ' / Total Precipitable Water'],
['mean_sea_level_pressure', ' / Mean Sea Level Pressure'],
['mean_sea_level_pressure', ' / Mean Sea Level Pressure']];
var site = 'http://earth.nullschool.net/#current/wind/surface/level/overlay=/orthographic=-97.59,38.63,2048';
var step = 0;
var setIframe = function() {
var currentstep = site.replace('/overlay=', '/overlay=' + overlays[step][0]);
document.getElementById('myIframe').src = currentstep;
document.getElementById('myText').innerHTML = 'Wind' + overlays[step][1];
step++;
if (step >= overlays.length) step = 0;
}
var setIframeSize = function () {
var frame = document.getElementById('myIframe');
frame.style.width = (window.innerWidth * 1.02) + 'px';
frame.style.height = (window.innerHeight * 1.02) + 'px';
};
$(document).ready(function() {
setIframeSize();
setIframe();
window.onresize = setIframeSize;
setInterval(setIframe, 20000);
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment