index.html

   1 <!DOCTYPE HTML>
   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 http-equiv="content-type" content="text/html; charset=UTF-8"/>
  13     <meta id="viewport_meta" name="viewport" content="" />
  14     <script type="text/javascript">
  15         var viewport_meta = document.getElementById('viewport_meta');
  16         var w = screen.availWidth;
  17         var h = screen.availHeight;
  18         viewport_meta.setAttribute('content','width='+w+', height='+h+',user-scalable=no');
  19     </script>
  20     <title id="app-name"></title>
  21     <link rel="stylesheet" href="css/flashcards.css"/>
  22     <link rel="stylesheet" href="css/license.css"/>
  23   </head>
  24   <body>
  25     <div id="licensepage" style="display: none">
  26       <div id="licensetext"><div id="licensescroll"></div></div>
  27       <div id="licensebtnq" class="licensebtn">Back</div>
  28     </div>
  29     <div id="splash-screen">
  30       <div id="adventure-ribbon-tail"></div>
  31       <div id="adventure-ribbon"></div>
  32       <div id="flash-title"></div>
  33       <div id="cards-ribbon-tail"></div>
  34       <div id="cards-ribbon"></div>
  35       <div id="play-button"></div>
  36       <div id="licensebtnl" style="top: 540px; left: 945px;"> i </div>
  37     </div>
  38     <div id="game-screen">
  39       <div id="nav-pane-compass"></div>
  40       <div id="rope-bottom"></div>
  41       <div id="card-stack"></div>
  42       <div id="card">
  43         <div id="card-graphic"></div>
  44       </div>
  45       <div id="rope-top"></div>
  46       <div id="answer">
  47         <div id="card-answer"></div>
  48         <div id="wrong-button"></div>
  49         <div id="right-button"></div>
  50       </div>
  51       <div id="endgame-prompt"></div>
  52       <div id="replay-button" ></div>
  53       <div id="nav-pane" class="animation-open">
  54         <div id="nav-flag"></div>
  55         <div id="nav-pane-tent"></div>
  56         <div id="scroll-overlay">
  57           <div id="scroll-items">
  58             <div id="shape-deck"></div>
  59             <div id="color-deck"></div>
  60             <div id="counting-deck"></div>
  61             <div id="spanish-deck"></div>
  62           </div>
  63         </div>
  64         <div id="score">
  65           <div id="score-text"></div>
  66           <div id="score-number"></div>
  67         </div>
  68       </div>
  69       <div id="help-icon"></div>
  70       <div id="help-dialog">
  71         <div id="smoke-screen"></div>
  72         <div id="help-card"></div>
  73         <div id="help-text"></div>
  74         <div id="help-close">X</div>
  75       </div>
  76     </div>
  77     <script src="js/license.js"></script>
  78     <script src="js/getMessage.js"></script>
  79     <script src="js/sound.js"></script>
  80     <script src="js/flashcards.js"></script>
  81   </body>
  82 </html>