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 id="gaugeRow">
  30                         <div class="gauge" >
  31                         <img src="assets/dial-IAT-bg.png" >
  32                         <div id="iatNeedle" class="needle"></div>
  33                         </img>
  34                         </div>
  35                         <div class="gauge" >
  36                         <img id="wheel" src="assets/wheel.png" />
  37                         </div>
  38                         </div>
  39
  40                                 <div id="gaugeRow">
  41                                         <div class="gauge">
  42                                                 <img src="assets/dial-load-bg.svg"  >
  43                                                         <div id="loadNeedle" class="needle" ></div>
  44                                                 </img>
  45                                         </div>
  46                                         <div class="gauge">
  47                                                 <img src="assets/dial-throttle-bg.svg"  >
  48                                                         <div id="throttleNeedle" class="needle" ></div>
  49                                                 </img>
  50                                         </div>
  51                                 </div>
  52                         </div>
  53
  54                         <div id="infoarea">
  55                                 <div class="row underborder" >
  56                                         <div class="rightAlignText middleText">MPG</div>
  57                                         <div id="mpg" class="leftAlignText middleText">0</div>
  58                                 </div>
  59                                 <div class="row underborder" >
  60                                         <div class="rightAlignText middleText">AVG MPG</div>
  61                                         <div id="avgmpg" class="leftAlignText middleText">0</div>
  62                                 </div>
  63                                 <div class="row underborder" >
  64                                         <div class="rightAlignText middleText">Gear</div>
  65                                         <div id="gear" class="leftAlignText middleText">0</div>
  66                                 </div>
  67                                 <div class="row" >
  68                                         <div class="rightAlignText middleText">AVG SPEED</div>
  69                                         <div id="avgspeed" class="leftAlignText middleText">0</div>
  70                                 </div>
  71
  72                         </div>
  73
  74                 </div>
  75         </div>
  76     </body>
  77 </html>
  78