themorgantown/spinnerdemo.html

## spinnerdemo.html

<!DOCTYPE html>
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=9" />
	<meta name="viewport" content="user-scalable=yes, width=300" />
	<title>spinnerdemo</title>
	<style>
		body {
			background-color: #FFFFFF;
			margin: 0px;
		}
	</style>

	<!-- make sure that spin.js is in the same
	     folder as this document. -->
	<script src="spin.js"></script>

	<script type="text/javascript">
	// this code removes the spinner when the document has loaded.
	window.onload = function ()
	{
	var el = document.getElementById( 'spinnerarea' );
	el.parentNode.removeChild( el );
	}
	</script>

  </head>
  <body>


  	<div style ="margin:auto;width:600px">

	<!-- copy these lines to your document: -->

	<div id="spinnerdemo_hype_container" style="position:relative;overflow:hidden;width:600px;height:400px;">
	<script type="text/javascript" charset="utf-8" src="spinnerdemo_Resources/spinnerdemo_hype_generated_script.js?32899"></script>

	<!-- The three lines below, and the script at the bottom of this document
	are required for displaying the spinner. -->
    <div style="margin-top:150px;" id="spinnerarea"></div>
	<!-- The margin set above (150px) is the distance of the center
	of the spinner from the top of the Hype area. -->

	</div>

	<!-- end copy -->


	</div>


		<!-- Use the options on http://fgnass.github.com/spin.js to set these properties -->
		<script type="text/javascript" charset="utf-8">
				var opts = {
				  lines: 13, // The number of lines to draw
				  length: 7, // The length of each line
				  width: 4, // The line thickness
				  radius: 10, // The radius of the inner circle
				  rotate: 0, // The rotation offset
				  color: '#000', // #rgb or #rrggbb
				  speed: 1, // Rounds per second
				  trail: 60, // Afterglow percentage
				  shadow: false, // Whether to render a shadow
				  hwaccel: false, // Whether to use hardware acceleration
				  className: 'spinner', // The CSS class to assign to the spinner
				  zIndex: 2e9, // The z-index (defaults to 2000000000)
				  top: 'auto', // Top position relative to parent in px
				  left: 'auto' // Left position relative to parent in px
				  };
				var target = document.getElementById('spinnerarea');
				var spinner = new Spinner(opts).spin(target);
		</script>

  </body>
</html>

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=9" />
	<meta name="viewport" content="user-scalable=yes, width=300" />
	<title>spinnerdemo</title>
	<style>
	body {
	background-color: #FFFFFF;
	margin: 0px;
	}
	</style>

	<!-- make sure that spin.js is in the same
	folder as this document. -->
	<script src="spin.js"></script>

	<script type="text/javascript">
	// this code removes the spinner when the document has loaded.
	window.onload = function ()
	{
	var el = document.getElementById( 'spinnerarea' );
	el.parentNode.removeChild( el );
	}
	</script>

	</head>
	<body>


	<div style ="margin:auto;width:600px">

	<!-- copy these lines to your document: -->

	<div id="spinnerdemo_hype_container" style="position:relative;overflow:hidden;width:600px;height:400px;">
	<script type="text/javascript" charset="utf-8" src="spinnerdemo_Resources/spinnerdemo_hype_generated_script.js?32899"></script>

	<!-- The three lines below, and the script at the bottom of this document
	are required for displaying the spinner. -->
	<div style="margin-top:150px;" id="spinnerarea"></div>
	<!-- The margin set above (150px) is the distance of the center
	of the spinner from the top of the Hype area. -->

	</div>

	<!-- end copy -->



	</div>




	<!-- Use the options on http://fgnass.github.com/spin.js to set these properties -->
	<script type="text/javascript" charset="utf-8">
	var opts = {
	lines: 13, // The number of lines to draw
	length: 7, // The length of each line
	width: 4, // The line thickness
	radius: 10, // The radius of the inner circle
	rotate: 0, // The rotation offset
	color: '#000', // #rgb or #rrggbb
	speed: 1, // Rounds per second
	trail: 60, // Afterglow percentage
	shadow: false, // Whether to render a shadow
	hwaccel: false, // Whether to use hardware acceleration
	className: 'spinner', // The CSS class to assign to the spinner
	zIndex: 2e9, // The z-index (defaults to 2000000000)
	top: 'auto', // Top position relative to parent in px
	left: 'auto' // Left position relative to parent in px
	};
	var target = document.getElementById('spinnerarea');
	var spinner = new Spinner(opts).spin(target);
	</script>

	</body>
	</html>