index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   3     <head>
   4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5                 <link rel="stylesheet" type="text/css" href="style.css" />
   6                 <script type="text/javascript" src="api.js" ></script>
   7                 <script type="text/javascript" src="jquery-1.6.2.js" ></script>
   8                 <script type="text/javascript" src="business.js" ></script>
   9
  10     </head>
  11     <body>
  12         <div id="mainbox" class="hbox" >
  13                 <div class="needleParent" >
  14                         <div id="rpmNeedle" class="needle"></div>
  15                         <div id="engineCoolantNeedle" class="needle"></div>
  16                         <div id="oilTempNeedle" class="needle"></div>
  17                         <div class="centerCircle">
  18                                 <div id="velocityTable" >
  19                                         <div class="row centerText">
  20                                                 <div id="velocity" class="rightAlignText" >0</div>
  21                                                 <div id="velocityUnits" class="leftAlignText" >MPH</div>
  22                                         </div>
  23                                 </div>
  24                         </div>
  25                 </div>
  26
  27                 <div class="vbox">
  28                         <div class="hbox">
  29                                 <div class="gauge" >
  30                                         <img src="assets/dial-IAT-bg.png" >
  31                                                 <div id="iatNeedle" class="needle"></div>
  32                                         </img>
  33                                 </div>
  34
  35                                 <div id="gaugeRow">
  36                                         <div class="gauge">
  37                                                 <img src="assets/dial-load-bg.svg"  >
  38                                                         <div id="loadNeedle" class="needle" ></div>
  39                                                 </img>
  40                                         </div>
  41                                         <div class="gauge">
  42                                                 <img src="assets/dial-throttle-bg.svg"  >
  43                                                         <div id="throttleNeedle" class="needle" ></div>
  44                                                 </img>
  45                                         </div>
  46                                 </div>
  47                         </div>
  48
  49                         <div id="infoarea">
  50                                 <div class="row underborder" >
  51                                         <div class="rightAlignText middleText">MPG</div>
  52                                         <div id="mpg" class="leftAlignText middleText">0</div>
  53                                 </div>
  54                                 <div class="row underborder" >
  55                                         <div class="rightAlignText middleText">AVG MPG</div>
  56                                         <div id="avgmpg" class="leftAlignText middleText">0</div>
  57                                 </div>
  58                                 <div class="row" >
  59                                         <div class="rightAlignText middleText">AVG SPEED</div>
  60                                         <div id="avgspeed" class="leftAlignText middleText">0</div>
  61                                 </div>
  62
  63                         </div>
  64
  65                 </div>
  66         </div>
  67     </body>
  68 </html>
  69