project/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4
   5     <meta charset="utf-8" />
   6     <meta name="viewport" content="user-scalable=no" id="viewport_meta" />
   7     <script type="text/javascript">
   8         var viewport_meta = document.getElementById('viewport_meta'),
   9             w = screen.availWidth,
  10             h = screen.availHeight;
  11         viewport_meta.setAttribute('content', 'width=' + w + ', height=' + h + ',user-scalable=no');
  12     </script>
  13
  14     <title>Sensor ball</title>
  15     <meta name="description" content="Sensor ball"/>
  16
  17     <script src="/usr/share/tizen-web-ui-fw/latest/js/jquery.min.js"></script>
  18     <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
  19     <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js" data-framework-theme="tizen-white" data-framework-viewport-scale="false"></script>
  20
  21     <script type="text/javascript" src="./js/main.js"></script>
  22     <link rel="stylesheet" href="./css/style.css" />
  23
  24 </head>
  25 <body>
  26
  27     <div data-role="page" id="mainPage">
  28
  29         <div data-role="header" data-position="fixed">
  30             <h1>Sensor ball</h1>
  31         </div>
  32
  33         <div data-role="content" class="background background1"
  34             data-scroll="none">
  35             <div id="main">
  36                 <img id="image1" class="ball" src="./images/ball1.png" />
  37             </div>
  38         </div>
  39
  40         <div data-role="footer" data-position="fixed">
  41             <div data-role="tabbar" data-style="toolbar" id="footerControls">
  42                 <ul>
  43                     <li><a href="#" id="btnBall" class="ui-btn-active">BALL</a></li>
  44                     <li><a href="#" id="btnSky">SKY</a></li>
  45                     <li><a href="#" id="btnSpace">SPACE</a></li>
  46                 </ul>
  47             </div>
  48         </div>
  49
  50     </div>
  51
  52 </body>
  53 </html>