<!-- Used to generate 650 x 650 social media image. -->

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="../css/fonts.css" rel="stylesheet">
<link href="../css/main.css" rel="stylesheet">

<style>
::-webkit-scrollbar {
	display: none;
}
.gradient-text {
	background: -webkit-linear-gradient(40deg, #106eb8, #90a2d0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: rgba(82, 190, 230, 0.5) 1px 1px 0.1em;
}
html {
    width: 650px;
}
</style>

<main>
	<!-- 650 x 650 -->
	<section id="top">
		<canvas id="top-canvas"></canvas>
		<div id="teaser-animation-wrapper" style="margin-top: 1em">
			<canvas id="teaser-animation"></canvas>
		</div>
		<div id="top-text">
			<h1 class="gradient-text" style="margin-top: 0.5rem">Los Altos Hacks III</h1>
			<h3 style="margin-top: 1.17rem" class="gradient-text">March 24-25, 2018 | Juniper Aspiration Dome</h3>
		</div>
		<p style="font-size: 1.25rem; margin-top: -.75rem" class="gradient-text">Applications now open!</p>
		<h2 style="font-size: 1.75rem; margin-top: 0.0625em" class="gradient-text" style="margin-top: 0.25em">losaltoshacks.com</h2>
	</section>
</main>
<script src="../js/main.js"></script>
<script src="../js/teaser-animation.js"></script>
Add minimal version of webpage for generating social media images
Add minimal version of webpage for generating social media images
