projects / profile / ivi / GhostCluster.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
updated spec to install with xwalk
[profile/ivi/GhostCluster.git] / index.html
diff --git a/index.html b/index.html
index cc6ffa6..859fd9f 100644 (file)
--- a/index.html
+++ b/index.html
@@ -3,12 +3,18 @@
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <link rel="stylesheet" type="text/css" href="style.css" />
-                <script type="text/javascript" src="api.js" ></script>
-               <script type="text/javascript" src="jquery-1.6.2.js" ></script>
+               <script type="text/javascript" src="api.js" ></script>
                <script type="text/javascript" src="business.js" ></script>
+               <link rel="stylesheet" href="jquery.mobile-1.2.0-beta.1.min.css" />
+               <script src="jquery-1.8.1.min.js"></script>
+               <script src="jquery.mobile-1.2.0-beta.1.min.js"></script>
 
     </head>
     <body>
+       <div data-role="page">
+       <!-- <div data-role="header"><h1>GhostCluster</h1></div> -->
+       <div data-role="content">
+
        <div id="mainbox" class="hbox" >
                <div class="needleParent" >
                        <div id="rpmNeedle" class="needle"></div>
@@ -26,11 +32,16 @@
 
                <div class="vbox">
                        <div class="hbox">
-                               <div class="gauge" >
-                                       <img src="assets/dial-IAT-bg.png" >
-                                               <div id="iatNeedle" class="needle"></div>
-                                       </img>
-                               </div>
+                        <div id="gaugeRow">
+                        <div class="gauge" >
+                        <img src="assets/dial-IAT-bg.png" >
+                        <div id="iatNeedle" class="needle"></div>
+                        </img>
+                        </div>
+                        <div class="gauge" >
+                        <img id="wheel" src="assets/wheel.png" />
+                        </div>
+                        </div>
 
                                <div id="gaugeRow">
                                        <div class="gauge">
@@ -46,6 +57,10 @@
                                </div>
                        </div>
 
+                       <div data-role="popup" id="machineGunTurretPopup" data-transition="flip">
+                               <img id="machinegun" src="assets/machinegun.png" />
+                       </div>
+
                        <div id="infoarea">
                                <div class="row underborder" >
                                        <div class="rightAlignText middleText">MPG</div>
@@ -55,6 +70,10 @@
                                        <div class="rightAlignText middleText">AVG MPG</div>
                                        <div id="avgmpg" class="leftAlignText middleText">0</div>
                                </div>
+                               <div class="row underborder" >
+                                       <div class="rightAlignText middleText">Gear</div>
+                                       <div id="gear" class="leftAlignText middleText">0</div>
+                               </div>
                                <div class="row" >
                                        <div class="rightAlignText middleText">AVG SPEED</div>
                                        <div id="avgspeed" class="leftAlignText middleText">0</div>
@@ -64,6 +83,8 @@
 
                </div>
        </div>
+       </div>
+       </div>
     </body>
 </html>
 
Domain: System / Uncategorized;