<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
pimpmytext.html
Solution HTML file for Lab 3: Pimp My Text
INFO 343, Autumn 2012
Morgan Doocy
-->
<title>Pimp My Text!</title>
<link href="http://info343.ischool.uw.edu/labs/3/pimpmytext.css" type="text/css" rel="stylesheet" />
<!-- link to your script file here -->
<!--[<ins>]--> <!-- Exercise 1 -->
<script src="pimpmytext.js" type="text/javascript"></script><!--[</ins>]-->
</head>
<body>
<h1>Pimp My Text</h1>
<div>
<img src="http://info343.ischool.uw.edu/labs/3/pimpin.jpg" alt="Marty Stepp, pimpin' it!" />
</div>
<fieldset>
<legend>Text</legend>
<!--[<ins>]--> <!-- Exercise 2 -->
<textarea id="sampletext" rows="4" cols="30"></textarea><!--[</ins>]-->
</fieldset>
<fieldset>
<legend>Pimpification</legend>
<!--[<ins>]--> <!-- Exercise 2 -->
<button onclick="bumpFontSize();">Bigger Pimpin!</button> <br />
<label><input type="checkbox" id="bling" onchange="toggleBling();"/> Bling</label> <br />
<button onclick="snoopify();">Snoopify</button><!--[</ins>]-->
</fieldset>
</body>
</html>