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>SensorBall</title>
  13                         <script src="/usr/share/tizen-web-ui-fw/latest/js/jquery.js"></script>
  14                         <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
  15                         <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js" data-framework-theme="tizen-white" data-framework-viewport-scale="false"></script>
  16                         <link rel="stylesheet" href="./css/style.css" />
  17                         <script type="text/javascript" src="./js/main.js"></script>
  18                 </head>
  19                 <body>
  20                         <div data-role="page" id="mainPage" data-add-back-btn="true">
  21                                 <div data-role="header" data-position="fixed">
  22                                         <h1>SensorBall</h1>
  23                                 </div>
  24                                 <div data-role="content" class="background background1">
  25                                         <div id="main">
  26                                                 <img id="image1" class="ball" src="./images/ball1.png" />
  27                                         </div>
  28                                 </div>
  29                                 <div data-role="footer" data-position="fixed">
  30                                         <div data-role="tabbar" data-style="toolbar">
  31                                                 <ul>
  32                                                         <li><a href="#" id="btnBall" class="ui-btn-active">Ball</a></li>
  33                                                         <li><a href="#" id="btnSky">Sky</a></li>
  34                                                         <li><a href="#" id="btnSpace">Space</a></li>
  35                                                 </ul>
  36                                         </div>
  37                                 </div>
  38                         </div>
  39                 </body>
  40         </html>