index.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <!--
   3  * Copyright (c) 2012, Intel Corporation.
   4  *
   5  * This program is licensed under the terms and conditions of the
   6  * Apache License, version 2.0.  The full text of the Apache License is at
   7  * http://www.apache.org/licenses/LICENSE-2.0
   8  *
   9 -->
  10 <html>
  11 <head>
  12     <meta name="viewport" content="width=device-width target-densitydpi=device-dpi initial-scale=1 maximum-scale=1 user-scalable=0" />
  13     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14     <title>InCarCinema</title>
  15     <link rel="stylesheet" type="text/css" href="css/main.css"></link>
  16     <link rel="stylesheet" type="text/css" href="css/license.css"></link>
  17     <script src="js/jquery-1.7.2.min.js"></script>
  18     <script src="js/license.js"></script>
  19     <script src="js/wsapi.js"></script>
  20     <script src="js/main.js"></script>
  21 </head>
  22
  23 <body>
  24     <div id="main_page">
  25         <div class="navigationPanel">
  26           <div class="buttonsGroup">
  27             <div id="videoButton" class="navigationFirstButton">
  28               <img src="images/videoBlackIcon.png" style="float: left; margin-top: 18px; margin-left: 10px">
  29               <span id="videoLabel" style="float: left; margin-top: 18px; margin-left: 10px;" >Playing</span>
  30             </div>
  31             <div id="fileButton" class="navigationButton">
  32               <img src="images/fileBlackIcon.png" style="float: left; margin-top: 18px; margin-left: 10px">
  33               <span id="fileLabel" style="float: left; margin-top: 18px; margin-left: 10px;" >File</span>
  34             </div>
  35             <div id="libraryButton" class="navigationButton">
  36               <img src="images/libraryBlackIcon.png" style="float: left; margin-top: 18px; margin-left: 10px">
  37               <span id="libraryLabel" style="float: left; margin-top: 18px; margin-left: 10px;" >Library</span>
  38             </div>
  39             <div id="historyButton" class="navigationButton">
  40               <img src="images/historyBlackIcon.png" style="float: left; margin-top: 18px; margin-left: 10px">
  41               <span id="historyLabel" style="float: left; margin-top: 18px; margin-left: 11px;" >Recent</span>
  42             </div>
  43             <div id="fullscreenButton" class="navigationButton" style="display: none">
  44               <img src="images/fullscreenIcon.png" style="float: left; margin-top: 18px; margin-left: 10px">
  45               <span id="fullscreenLabel" style="float: left; margin-top: 18px; margin-left: 11px;" >Fullscreen</span>
  46             </div>
  47           </div>
  48         </div>
  49
  50         <div id="videoPanel" class="contentPanel">
  51           <div id="player">
  52           </div>
  53         </div>
  54
  55         <div id="filePanel">
  56           <div id="fileBrowser">
  57           </div>
  58         </div>
  59
  60         <div id="libraryPanel" class="contentPanel">
  61         </div>
  62
  63         <div id="historyPanel" class="contentPanel">
  64         </div>
  65     </div>
  66     <div id="licensepage" style="display: none">
  67         <iframe id="licensetext" src="README.txt"></iframe>
  68         <div id="licensebtnu" class="licensebtn">&uarr;</div>
  69         <div id="licensebtnd" class="licensebtn">&darr;</div>
  70         <div id="licensebtnq" class="licensebtn">Back</div>
  71     </div>
  72 </body>
  73 </html>