index.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <!DOCTYPE html>
  2. <!--HTML5 doctype-->
  3. <html>
  4. <head>
  5. <title>Lancaster</title>
  6. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, minimal-ui">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11. <link rel="stylesheet" type="text/css" href="lancaster.css" />
  12. <link rel="stylesheet" type="text/css" href="../build/af.ui.base.css" />
  13. <script type="text/javascript" charset="utf-8" src="../3rdparty/jquery.min.js"></script>
  14. <script type="text/javascript" charset="utf-8" src="../3rdparty/fastclick.js"></script>
  15. <script type="text/javascript" charset="utf-8" src="../build/appframework.ui.js"></script>
  16. <script type="text/javascript" charset="utf-8" src="quizpanel.js"></script>
  17. <script>
  18. $.afui.loadDefaultHash=false;
  19. $(document).ready(function(){
  20. //$.afui.splitview.enable();
  21. window.scrollTo(0,0);
  22. })
  23. </script>
  24. </head>
  25. <body>
  26. <div style="visibility:hidden">
  27. <span class="transitionView addition"></span>
  28. <span class="transitionView subtraction"></span>
  29. <span class="transitionView multiplication"></span>
  30. <span class="transitionView division"></span>
  31. <span class="transitionView shapes"></span>
  32. <span class="transitionView colors"></span>
  33. </div>
  34. <div class='view active' id='main_view'>
  35. <header class='main_header'>
  36. Andrew Student: <span id='points'>0</span> Points
  37. </header>
  38. <div class='pages'>
  39. <div id='main' data-title='main' class='panel active'>
  40. <div class="grid">
  41. <div class="category col1 addition" data-category='addition'>
  42. <div>
  43. Addition
  44. </div>
  45. </div>
  46. <div class="category col2 subtraction" data-category='subtraction'>
  47. <div>
  48. Subtraction
  49. </div>
  50. </div>
  51. <div class="category col1 multiplication" data-category='multiplication'>
  52. <div>
  53. Multiplication
  54. </div>
  55. </div>
  56. <div class="category col2 division" data-category='division'>
  57. <div>
  58. Division
  59. </div>
  60. </div>
  61. <!-- <div class="category col1 shapes" data-category='shapes'>
  62. <div>
  63. Shapes
  64. </div>
  65. </div>
  66. <div class="category col2 colors" data-category='colors'>
  67. <div>
  68. Colors
  69. </div>
  70. </div>
  71. -->
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="view" id="profile_view">
  77. <div class="pages">
  78. <div id="profile" class="panel">
  79. <div class="card">
  80. <h3>Your Profile</h3>
  81. <input type='text' placeholder='First Name'>
  82. <br>
  83. <input type='text' placeholder='Last Name'>
  84. <br>
  85. <h3>Avatar</h3>
  86. <div class='y-scroll'>
  87. Pick your avatar
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <footer>
  93. <div style='float:left'>Sign Out</div>
  94. <div style='float:right'><a href='#main' data-transition='up-reveal:dismiss'>Sign In</a></div>
  95. </footer>
  96. </div>
  97. <div class="view" id="question_view">
  98. <div id="transitionView" class="transitionView"></div>
  99. <div class="pages">
  100. <div class="panel" id="quiz">
  101. <div class="card" id="quiz_content">
  102. <h3>Quiz content stuff</h3>
  103. <div class="answerArrow">&#10003;</div>
  104. <h2>(0/0)</h2>
  105. <div class="questionTitle">What is 0+1?</div>
  106. <ul class='answerList'>
  107. <li>One</li>
  108. <li>Three</li>
  109. <li>Two</li>
  110. <li>Four</li>
  111. </ul>
  112. </div>
  113. </div>
  114. </div>
  115. <footer>
  116. <a href="#" data-grower-back class='home'>Home</a>
  117. </footer>
  118. </div>
  119. </body>
  120. </html>