project/index.html

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