index.html

<!doctype html>
<html>
	<head>
		<title>chillax</title>
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Barlow+Condensed"/>
		<link rel="stylesheet" href="dist/chillax-styles.css"/>
		<style>
			* { margin: 0; padding: 0; }
			html { background: #333; color: white; font-family: sans-serif; }
			a { color: aquamarine; }
			.intro { padding-top: 10%; text-align: center; }
			.spacer { height: 360px; }
		</style>
	</head>
	<body>
		<main>

			<header class="intro">
				<h1>chillax — vertical parallax engine</h1>
				<p>
					<a href="https://github.com/chase-moskal/chillax">
						source code on github
					</a>
				</p>
			</header>

			<div class="spacer"></div>

			<div data-chillax>
				<img data-chillax-layer="10" src="images/spikeytest/spikeytest-2.png" alt=""/>
				<img data-chillax-layer="6.6" src="images/spikeytest/spikeytest-3.png" alt=""/>
				<img data-chillax-layer="3.3" src="images/spikeytest/spikeytest-4.png" alt=""/>
				<img data-chillax-layer="0" src="images/spikeytest/spikeytest-5.png" alt=""/>
			</div>

			<div class="spacer"></div>
			<div class="spacer"></div>

		</main>
		<script src="dist/chillax.global.bundle.js"></script>
		<script>
			const chillax = new Chillax()
		</script>
	</body>
</html>