taxr/taxr.html

<!DOCTYPE html>
<html>
   <!--
   taxr.html
   Skeleton HTML file for Homewowrk 5: Taxr
   INFO 343, Autumn 2012
   Morgan Doocy
   -->
   <head>
      <meta charset="utf-8">
      <title>Taxr</title>
      
      <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" rel="stylesheet">
      <link href="taxr.css" rel="stylesheet">
      
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
      <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
      <script src="taxr.js"></script>
   </head>
   <body>
      <div id="page">
         <header>
            <h1>Taxr</h1>
            <p>
               A visualization of U.S. federal income tax brackets, 1913–2011.
               <label><input type="checkbox" id="adjusted"> Adjusted to 2011 dollars</label>
            </p>
            <ul id="slider">
               <output id="curyear"></output>
               <img id="loading" src="loading.gif" alt="loading">
            </ul>
         </header>
         
         <div id="details">
            <p><strong>Income:</strong> <span id="income"></span></p>
            <p><strong>Marginal tax rate:</strong> <span id="marginaltax"></span></p>
            <p><strong>Tax burden:</strong> <span id="taxburden"></span></p>
            <p><strong>Average tax rate:</strong> <span id="averagetax"></span></p>
         </div>
         
         <dl id="filing_statuses"></dl>
      </div>
   </body>
</html>