Advertisement
Guest User

Untitled

a guest
Aug 16th, 2012
169
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.04 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. #
  5. # Licensed to the Apache Software Foundation (ASF) under one
  6. # or more contributor license agreements. See the NOTICE file
  7. # distributed with this work for additional information
  8. # regarding copyright ownership. The ASF licenses this file
  9. # to you under the Apache License, Version 2.0 (the
  10. # "License"); you may not use this file except in compliance
  11. # with the License. You may obtain a copy of the License at
  12. #
  13. # http://www.apache.org/licenses/LICENSE-2.0
  14. #
  15. # Unless required by applicable law or agreed to in writing,
  16. # software distributed under the License is distributed on an
  17. # "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  18. # KIND, either express or implied. See the License for the
  19. # specific language governing permissions and limitations
  20. # under the License.
  21. #
  22. -->
  23. <head>
  24. <title>Inside York</title>
  25.  
  26. <meta charset="utf-8">
  27. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  28. <meta name="apple-mobile-web-app-capable" content="yes" />
  29. <link rel="stylesheet" href="data/jquery.mobile-1.0a4.min.css" />
  30. <link rel="stylesheet" href="data/mobile.css" />
  31. <link rel="stylesheet" href="data/photoswipe.css" />
  32. <script type="text/javascript" src="data/klass.min.js"></script>
  33. <script type="text/javascript" src="data/jquery-1.6.4.min.js"></script>
  34. <script type="text/javascript" src="data/jquery.mobile-1.0a4.min.js"></script>
  35. <script type="text/javascript" src="data/code.photoswipe.jquery-2.1.3.min.js"></script>
  36. <script type="text/javascript" src="data/mobile.js"></script>
  37. <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAi-oDTXmBqEMQj-s5XyPAzsIO0msTGCHE&sensor=true"></script>
  38. <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
  39. <script type="text/javascript" src="googlemap.js"></script>
  40.  
  41. <!-- iPad/iPhone specific css below, add after your main css >
  42. <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
  43. <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
  44. -->
  45. <!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
  46. <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
  47. <script type="text/javascript">
  48.  
  49.  
  50. // If you want to prevent dragging, uncomment this section
  51. /*
  52. function preventBehavior(e)
  53. {
  54. e.preventDefault();
  55. };
  56. document.addEventListener("touchmove", preventBehavior, false);
  57. */
  58.  
  59. /* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
  60. see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
  61. for more details -jm */
  62. /*
  63. function handleOpenURL(url)
  64. {
  65. // TODO: do something with the url passed in.
  66. }
  67. */
  68.  
  69. function onBodyLoad()
  70. {
  71. document.addEventListener("deviceready", onDeviceReady, false);
  72. }
  73.  
  74.  
  75. /* When this function is called, Cordova has been initialized and is ready to roll */
  76. /* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
  77. see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
  78. for more details -jm */
  79.  
  80. function onDeviceReady(){
  81. var map = new GoogleMap();
  82. map.initialize();
  83. }
  84.  
  85. </script>
  86.  
  87.  
  88. <style type="text/css">
  89. #map_canvas { height: 100%; width: 100%; }
  90. </style>
  91.  
  92. </head>
  93. <body onload="onBodyLoad()">
  94.  
  95. <div data-role="page" data-theme="c" id="home">
  96. <div data-role="content">
  97.  
  98. <div id="map_canvas" style="width:100%; height:500px"></div>
  99. <a href="index.html" data-role="button" data-inline="true" data-theme="a">Back</a>
  100. <a href="history.html" data-role="button" data-inline="true">History &amp; Facts</a>
  101. <a href="about.html" data-role="button" data-theme="b">About Inside York</a>
  102. </div>
  103. <!-- /Content -->
  104.  
  105. <div data-role="footer" data-theme="d">
  106. <div class="ui-bar">
  107. <a href="mailto:info@insideyork.co.uk" target="_blank" data-role="button" data-icon="star" data-theme="c" >Contact</a>
  108. <a href="http://facebook.com/insideyork" target="_blank" data-role="button" data-icon="info" data-theme="c" rel="external">Facebook</a>
  109. <a href="http://twitter.com/insideyork" target="_blank" data-role="button" data-icon="info" data-theme="c" rel="external">Twitter</a>
  110. </div>
  111. <p align="center"><small><a href="http://www.insideyork.co.uk" target="_blank" rel="external">www.insideyork.co.uk</a> &copy; York Creative Ltd</small></p>
  112. </div>
  113. <!-- /Footer -->
  114. </div>
  115. <!-- /Home -->
  116. </body>
  117. </html>
  118. <html>
  119. <!--
  120. #
  121. # Licensed to the Apache Software Foundation (ASF) under one
  122. # or more contributor license agreements. See the NOTICE file
  123. # distributed with this work for additional information
  124. # regarding copyright ownership. The ASF licenses this file
  125. # to you under the Apache License, Version 2.0 (the
  126. # "License"); you may not use this file except in compliance
  127. # with the License. You may obtain a copy of the License at
  128. #
  129. # http://www.apache.org/licenses/LICENSE-2.0
  130. #
  131. # Unless required by applicable law or agreed to in writing,
  132. # software distributed under the License is distributed on an
  133. # "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  134. # KIND, either express or implied. See the License for the
  135. # specific language governing permissions and limitations
  136. # under the License.
  137. #
  138. -->
  139. <head>
  140. <title>Inside York</title>
  141.  
  142. <meta charset="utf-8">
  143. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  144. <meta name="apple-mobile-web-app-capable" content="yes" />
  145. <link rel="stylesheet" href="data/jquery.mobile-1.0a4.min.css" />
  146. <link rel="stylesheet" href="data/mobile.css" />
  147. <link rel="stylesheet" href="data/photoswipe.css" />
  148. <script type="text/javascript" src="data/klass.min.js"></script>
  149. <script type="text/javascript" src="data/jquery-1.6.4.min.js"></script>
  150. <script type="text/javascript" src="data/jquery.mobile-1.0a4.min.js"></script>
  151. <script type="text/javascript" src="data/code.photoswipe.jquery-2.1.3.min.js"></script>
  152. <script type="text/javascript" src="data/mobile.js"></script>
  153. <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAi-oDTXmBqEMQj-s5XyPAzsIO0msTGCHE&sensor=true"></script>
  154. <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
  155. <script type="text/javascript" src="googlemap.js"></script>
  156.  
  157. <!-- iPad/iPhone specific css below, add after your main css >
  158. <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
  159. <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
  160. -->
  161. <!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
  162. <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
  163. <script type="text/javascript">
  164.  
  165.  
  166. // If you want to prevent dragging, uncomment this section
  167. /*
  168. function preventBehavior(e)
  169. {
  170. e.preventDefault();
  171. };
  172. document.addEventListener("touchmove", preventBehavior, false);
  173. */
  174.  
  175. /* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
  176. see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
  177. for more details -jm */
  178. /*
  179. function handleOpenURL(url)
  180. {
  181. // TODO: do something with the url passed in.
  182. }
  183. */
  184.  
  185. function onBodyLoad()
  186. {
  187. document.addEventListener("deviceready", onDeviceReady, false);
  188. }
  189.  
  190.  
  191. /* When this function is called, Cordova has been initialized and is ready to roll */
  192. /* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
  193. see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
  194. for more details -jm */
  195.  
  196. function onDeviceReady(){
  197. var map = new GoogleMap();
  198. map.initialize();
  199. }
  200.  
  201. </script>
  202.  
  203.  
  204. <style type="text/css">
  205. #map_canvas { height: 100%; width: 100%; }
  206. </style>
  207.  
  208. </head>
  209. <body onload="onBodyLoad()">
  210.  
  211. <div data-role="page" data-theme="c" id="home">
  212. <div data-role="content">
  213.  
  214. <div id="map_canvas" style="width:100%; height:500px"></div>
  215. <a href="index.html" data-role="button" data-inline="true" data-theme="a">Back</a>
  216. <a href="history.html" data-role="button" data-inline="true">History &amp; Facts</a>
  217. <a href="about.html" data-role="button" data-theme="b">About</a>
  218. </div>
  219. <!-- /Content -->
  220.  
  221.  
  222.  
  223. </div>
  224. <!-- /Footer -->
  225. </div>
  226. <!-- /Home -->
  227. </body>
  228. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement