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