Skip to content

Instantly share code, notes, and snippets.

@knowuh

knowuh/gist:a10c07fe4072cdfae389

Last active August 29, 2015 14:02
Show Gist options
  • Save knowuh/a10c07fe4072cdfae389 to your computer and use it in GitHub Desktop.
Save knowuh/a10c07fe4072cdfae389 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<html><head>
<link rel="stylesheet" type="text/css" href="../../shared/riteslightweightonly.css" />
<script type="text/javascript" src="http://static.ritesproject.net/investigations/shared/file/d3.v2.min.js"></script>
<script type="text/javascript" src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="../../shared/file/shutterbug.js"></script>
<script>new Shutterbug('#table');</script>
<script type="text/javascript">
function prettify() {
if ($('#simulation').css('display') == "inline")
{
$('#simulation').css('display','none');
$('#credits').css('display','none');
document.getElementById("toggle").innerHTML = "Return to Simulation";
document.getElementById("instructions").innerHTML = "Click the return to simulation button to review the model.";
}
else
{
$('#simulation').css('display','inline');
$('#credits').css('display','inline');
document.getElementById("toggle").innerHTML = "Prepare for Snapshot";
document.getElementById("instructions").innerHTML = "Click the prepare for snapshot button to highlight your table.";
}
}
</script>
</head>
<body>
<p>Use the model to find the <b>hours of daylight</b> for the latitudes 0°, 42° N, 71° N, and 71° S for the start of each new season: <b>Summer Solstice, Autumnal Equinox, Winter Solstice, </b>and<b> Vernal Equinox</b>. Fill out the table below to the right.<br>HINT: Use the cursor on the graph to help you find the exact value.&nbsp;</p>
<iframe src="http://astro.unl.edu/classaction/animations/coordsmotion/daylighthoursexplorer.swf" width="800" height="442" frameborder="0" id="simulation" style="display:inline;"></iframe>
<em id="credits" style="display:inline;"><p>Model Courtesy of University of Nebraska-Lincoln's Department of Physics &amp; Astronomy, <a href="http://astro.unl.edu/" target="_blank">http://astro.unl.edu/</a></p></em>
<iframe id="table" src="http://goo.gl/Gh5PGB" width="800" height="200" frameborder="0"></iframe>
<p id="instructions">Click the prepare for snapshot button to highlight your table.</p>
<button type="button" onclick="prettify()" id="toggle">Prepare for Snapshot</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment