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="business.js" ></script>
   8                 <link rel="stylesheet" href="jquery.mobile-1.2.0-beta.1.min.css" />
   9                 <script src="jquery-1.8.1.min.js"></script>
  10                 <script src="jquery.mobile-1.2.0-beta.1.min.js"></script>
  11
  12     </head>
  13     <body>
  14         <div data-role="page">
  15         <!-- <div data-role="header"><h1>GhostCluster</h1></div> -->
  16         <div data-role="content">
  17
  18         <div id="mainbox" class="hbox" >
  19                 <div class="needleParent" >
  20                         <div id="rpmNeedle" class="needle"></div>
  21                         <div id="engineCoolantNeedle" class="needle"></div>
  22                         <div id="oilTempNeedle" class="needle"></div>
  23                         <div class="centerCircle">
  24                                 <div id="velocityTable" >
  25                                         <div class="row centerText">
  26                                                 <div id="velocity" class="rightAlignText" >0</div>
  27                                                 <div id="velocityUnits" class="leftAlignText" >MPH</div>
  28                                         </div>
  29                                 </div>
  30                         </div>
  31                 </div>
  32
  33                 <div class="vbox">
  34                         <div class="hbox">
  35                         <div id="gaugeRow">
  36                         <div class="gauge" >
  37                         <img src="assets/dial-IAT-bg.png" >
  38                         <div id="iatNeedle" class="needle"></div>
  39                         </img>
  40                         </div>
  41                         <div class="gauge" >
  42                         <img id="wheel" src="assets/wheel.png" />
  43                         </div>
  44                         </div>
  45
  46                                 <div id="gaugeRow">
  47                                         <div class="gauge">
  48                                                 <img src="assets/dial-load-bg.svg"  >
  49                                                         <div id="loadNeedle" class="needle" ></div>
  50                                                 </img>
  51                                         </div>
  52                                         <div class="gauge">
  53                                                 <img src="assets/dial-throttle-bg.svg"  >
  54                                                         <div id="throttleNeedle" class="needle" ></div>
  55                                                 </img>
  56                                         </div>
  57                                 </div>
  58                         </div>
  59
  60                         <div data-role="popup" id="machineGunTurretPopup" data-transition="flip">
  61                                 <img id="machinegun" src="assets/machinegun.png" />
  62                         </div>
  63
  64                         <div id="infoarea">
  65                                 <div class="row underborder" >
  66                                         <div class="rightAlignText middleText">MPG</div>
  67                                         <div id="mpg" class="leftAlignText middleText">0</div>
  68                                 </div>
  69                                 <div class="row underborder" >
  70                                         <div class="rightAlignText middleText">AVG MPG</div>
  71                                         <div id="avgmpg" class="leftAlignText middleText">0</div>
  72                                 </div>
  73                                 <div class="row underborder" >
  74                                         <div class="rightAlignText middleText">Gear</div>
  75                                         <div id="gear" class="leftAlignText middleText">0</div>
  76                                 </div>
  77                                 <div class="row" >
  78                                         <div class="rightAlignText middleText">AVG SPEED</div>
  79                                         <div id="avgspeed" class="leftAlignText middleText">0</div>
  80                                 </div>
  81
  82                         </div>
  83
  84                 </div>
  85         </div>
  86         </div>
  87         </div>
  88     </body>
  89 </html>
  90