<!DOCTYPE html>
<html>
<!--
minilab10.html
HTML solution code for Mini-lab 10: HTML5 & Widgets
INFO 343, Autumn 2012
Morgan Doocy
-->
<head>
<meta charset="utf-8">
<title>Mini-lab 9</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css" type="text/css">
<style type="text/css">
body {
font: 100%/1.2 "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>
<script src="minilab9.js" type="text/javascript"></script>
</head>
<body>
<h1>Mini-lab 9: HTML5 & Widgets</h1>
<h2>HTML5 form controls</h2>
<p>Following are a couple of HTML5 form controls:</p>
<div>
<input type="search" placeholder="This is a search box!!!!1" size="30">
<input type="number" min="-10" max="10" step="2" value="3.14159">
<input type="range" min="-10" max="10" step="2" size="50">
</div>
<h2>jQuery UI Widget</h2>
<p>Here’s an accordion:</p>
<div id="accordion">
<h3>Header 1</h3>
<div>
<p>Skateboard keytar keffiyeh, mustache truffaut cray letterpress beard four loko portland shoreditch bespoke chambray sartorial forage. Fap ennui flexitarian, etsy typewriter retro biodiesel messenger bag single-origin coffee street art cred. Flexitarian brooklyn Austin williamsburg, cliche fixie locavore helvetica dreamcatcher fanny pack. Cred thundercats umami, etsy you probably haven't heard of them dreamcatcher chambray 8-bit tumblr gluten-free seitan swag kogi keffiyeh. Brunch thundercats salvia selvage, messenger bag high life trust fund shoreditch vice post-ironic food truck VHS mustache quinoa brooklyn. Flexitarian small batch mcsweeney's brooklyn keffiyeh quinoa. Stumptown umami salvia keytar sartorial, ethical hella.</p>
</div>
<h3>Header 2</h3>
<div>
<p>Cosby sweater VHS blog aesthetic before they sold out direct trade. Cosby sweater master cleanse leggings, carles odd future pinterest artisan sartorial selvage gluten-free irony polaroid stumptown chambray readymade. Mustache raw denim typewriter flexitarian chillwave, authentic ethical craft beer ennui biodiesel narwhal mlkshk brooklyn chambray dreamcatcher. Bespoke godard photo booth, helvetica 3 wolf moon narwhal skateboard banh mi master cleanse. Butcher pop-up wes anderson mcsweeney's. Sustainable irony fixie seitan +1 keytar. Dreamcatcher williamsburg put a bird on it fixie, mixtape Austin irony mcsweeney's wolf typewriter.</p>
</div>
<h3>Header 3</h3>
<div>
<p>Post-ironic 8-bit fanny pack stumptown, umami small batch vegan organic pop-up quinoa tattooed jean shorts sriracha salvia. 3 wolf moon shoreditch keytar bicycle rights, 8-bit raw denim flexitarian pork belly retro beard pickled blog. Quinoa fingerstache shoreditch etsy keytar, portland pour-over truffaut gluten-free ennui. Williamsburg typewriter swag viral, gentrify vinyl next level pickled mcsweeney's craft beer butcher. Keffiyeh tofu iphone chambray echo park, direct trade odd future williamsburg Austin brunch kale chips godard. Godard lomo pickled fixie, bicycle rights cred photo booth PBR twee fingerstache. Marfa mustache banh mi sartorial.</p>
</div>
<h3>Header 4</h3>
<div>
<p>Ennui yr beard locavore pitchfork chillwave, occupy gastropub master cleanse brunch whatever craft beer. Retro occupy PBR, direct trade williamsburg VHS hella irony freegan twee. Iphone odd future keytar art party 3 wolf moon occupy, quinoa blog thundercats post-ironic wayfarers synth mixtape. Sriracha sartorial DIY, pop-up biodiesel salvia retro master cleanse scenester small batch beard squid bicycle rights carles cray. Post-ironic dreamcatcher semiotics seitan, gastropub bicycle rights portland narwhal gluten-free. Terry richardson chambray etsy umami, 3 wolf moon mustache bicycle rights viral small batch freegan flexitarian DIY cred. Artisan williamsburg mixtape swag post-ironic, trust fund hoodie echo park twee keffiyeh art party.</p>
</div>
</div>
</body>
</html>