API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 7th, 2012
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.01 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>xK3y Remote Web Interface</title>
  5. <meta id="viewportmeta" name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0,width=480,height=728"/>
  6. <script type="text/javascript">
  7.  
  8. </script>
  9.  
  10. <link type="text/css" rel="stylesheet" href="img/metro.css" />
  11. <script type="text/javascript" src="img/min.js"></script>
  12. <script type="text/javascript" src="img/utils.js"></script>
  13. <script type="text/javascript" src="img/code.js"></script>
  14. </head>
  15. <body>
  16. <!-- MessageBox Placeholder -->
  17. <div id="MessageBox" class="page"></div>
  18. <!-- Overlay Placeholder -->
  19. <div id="overlay" class="page"></div>
  20. <div class="main-container" id="main">
  21. <div class="spacer"></div>
  22. <a href="#main-screen">
  23. <img class="homeButton" src="img/home.png"/>
  24. <span class="title">XK3Y WEB INTERFACE</span>
  25. </a>
  26. <br/>
  27. <div class="page active" id="main-screen">
  28. <div class="spacer"></div><div class="spacer"></div>
  29. <span class="page-title">main</span><br/><br/>
  30. <!-- Cover Wall Tile -->
  31. <a href="#coverwall-page">
  32. <div class="tile wall accent">
  33. <span class="tile-title">cover wall</span>
  34. </div>
  35. </a>
  36. <!-- List Tile -->
  37. <a href="#list-page">
  38. <div class="tile lists accent">
  39. <span class="tile-title">lists</span>
  40. </div>
  41. </a>
  42.  
  43. <!-- Folder Structure Tile -->
  44. <a href="#folderstructure-page">
  45. <div class="tile folder accent">
  46. <span class="tile-title">folder structure</span>
  47. </div>
  48. </a>
  49. <!-- Favorites Tile -->
  50. <a href="#favorites-page">
  51. <div class="tile favs accent">
  52. <span class="tile-title">favorites</span>
  53. </div>
  54. </a>
  55.  
  56. <!-- Search Tile -->
  57. <a href="#search-page">
  58. <div class="tile search accent">
  59. <span class="tile-title">search</span>
  60. </div>
  61. </a>
  62. <!-- Config Tile -->
  63. <a href="#config-page">
  64. <div class="tile config accent">
  65. <span class="tile-title">config</span>
  66. </div>
  67. </a>
  68.  
  69. <!-- About Tile -->
  70. <a href="#about-page">
  71. <div class="tile about accent">
  72. <span class="tile-title">about</span>
  73. </div>
  74. </a>
  75. <!--<a href="#favoritesmanagement-page?8f21c54b0ea58abf9f4d446e6abe3ba38b56fa11&Brutal%20Legend">
  76. <div class="tile about accent">
  77. <span class="tile-title">about</span>
  78. </div>
  79. </a>-->
  80. <!--<div class="tile troll accent animate">
  81. <span class="tile-title tile-animate">test</span>
  82. </div>
  83. <div class="tile troll accent animate">
  84. <span class="tile-title tile-animate">test</span>
  85. </div>
  86. <div class="tile troll accent animate">
  87. <span class="tile-title tile-animate">test</span>
  88. </div>
  89. <div class="tile troll accent animate">
  90. <span class="tile-title tile-animate">test</span>
  91. </div>
  92. <a onclick="Tile.init('main-screen')">
  93. <div class="tile accent">
  94. <span class="tile-title">click to start tile animation</span>
  95. </div>
  96. </a>
  97. <div class="tile accent">
  98. <span class="tile-title" id="tileDebug">debug tile</span>
  99. </div>-->
  100. </div>
  101. <!-- Cover Wall Page Placeholder -->
  102. <div id="coverwall-page" class="page">
  103. <div class="spacer"></div><div class="spacer"></div>
  104. <span class="page-title">cover wall</span><br/>
  105. <div class="page-wrapper" id="coverwallcontainer"></div>
  106. </div>
  107. <!-- List Page Placeholder -->
  108. <div id="list-page" class="page">
  109. <div class="spacer"></div><div class="spacer"></div>
  110. <span class="page-title">list</span><br/><br/>
  111. <div class="page-wrapper" id="listcontainer"></div>
  112. </div>
  113. <!-- Folder Structure Page Placeholder -->
  114. <div id="folderstructure-page" class="page">
  115. <div class="spacer"></div><div class="spacer"></div>
  116. <span class="page-title">folder structure</span><br/><br/>
  117. <div class="page-wrapper" id="folderstructurecontainer"></div>
  118. </div>
  119. <!-- Favorites Page Placeholder -->
  120. <div id="favorites-page" class="page">
  121. <div class="spacer"></div><div class="spacer"></div>
  122. <span class="page-title">favorites</span><br/><br/>
  123. <div class="page-wrapper" id="favoritescontainer">
  124. Nothing to see here yet.
  125. </div>
  126. </div>
  127. <!-- Search Page Placeholder -->
  128. <div id="search-page" class="page">
  129. <div class="spacer"></div><div class="spacer"></div>
  130. <span class="page-title">search</span><br/><br/>
  131. <div class="page-wrapper">
  132. <input name="searchInput" type="text" value="Search..." class="searchinput" onkeyup="search(this.value)" onclick="this.select()"/>
  133. <br/><br/>
  134. <div id="searchResults"></div>
  135. </div>
  136. </div>
  137. <!-- Config Page Markup -->
  138. <div id="config-page" class="page">
  139. <div class="spacer"></div><div class="spacer"></div>
  140. <span class="page-title">config</span><br/><br/>
  141. <div class="page-wrapper">
  142. Change the accent color to match your mood.<br/><br/>
  143. <span style="font-size:14pt;">Accent color</span>
  144. <a href="#overlay?grey" onclick="accentPopup(this)" id="accentSelect" class="dropdown">
  145. <div class="accentIconSmall accent"></div>
  146. <span class="dropdownText">blue</span>
  147. </a><br/><br/><br/>
  148. <!--<br/><br/><br/><br/>
  149. <span style="font-size:14pt;">Background</span>
  150. <a onclick="backgroundDropdown();" id="backgroundSelect" class="dropdown">
  151. <div id="dark" class="dropdown-item dropdown-active">
  152. <span class="dropdownText">dark</span>
  153. </div>
  154. <div id="light" class="dropdown-item invis">
  155. <span onclick="setBackground(this.innerHTML)" class="dropdownText">light</span>
  156. </div>
  157. </a>-->
  158. </div>
  159. </div>
  160. <!-- About Page Markup -->
  161. <div id="about-page" class="page">
  162. <div class="spacer"></div><div class="spacer"></div>
  163. <span class="page-title">about</span><br/><br/>
  164. <div class="page-wrapper">
  165. <span class="about-title">xk3y information</span></br>
  166. <div id="xk3y-about" class="about-items"></div>
  167. <br/>
  168. <span class="about-title">other information</span></br>
  169. <div class="about-items">
  170. Made by Mr_Waffle<br/>
  171. Version: <span id="version"></span><br/>
  172. Source: <a href="https://github.com/MrWaffle/xK3y-Metro-Interface" target="_blank">Github</a>
  173. </div>
  174. <br/>
  175. </div>
  176. </div>
  177. <!-- Favorite Management Page Markup -->
  178. <div id="favoritesmanagement-page" class="page">
  179. <div class="spacer"></div><div class="spacer"></div>
  180. <span class="page-title">fav management</span><br/><br/>
  181. <div class="page-wrapper" id="favoritemanagementcontainer">
  182. Create a new list:<br/>
  183. <input id="favCreateInput" type="text" value="List name..." class="searchinput"/><br/>
  184. <div class="details-button-pane">
  185. <a id="favCreateButton" href="" class="button widebutton">done</a>
  186. <br/><br/>
  187. </div>
  188. <div id="favManagementExtra"></div>
  189. </div>
  190. </div>
  191. <!-- Game Details Page Placeholder -->
  192. <div id="details-page" class="page"></div>
  193. </div>
  194. </body>
  195. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!