1 files changed, 110 insertions, 0 deletions
diff --git a/www/frontpage-map.html b/www/frontpage-map.html
new file mode 100644
index 0000000..2af30ce
--- /dev/null
+++ b/www/frontpage-map.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title></title>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
+    <meta charset="utf-8">
+
+    <link rel="stylesheet" href="css/base.css">
+    <link rel="stylesheet" href="css/mobile.css">
+
+    <script type="text/javascript" src="js/jquery-1.7.0.min.js"></script>
+    <script type="text/javascript" src="cordova-independent.js"></script>
+
+    <script type="text/javascript" src="js/json2.js"></script>
+    <script type="text/javascript" src="js/config.js"></script>
+    <script src="js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
+
+    <script type="text/javascript" src="js/geo.min.js"></script>
+    <script type="text/javascript" src="js/fixmystreet.js"></script>
+    <script type="text/javascript" src="js/mobile.js"></script>
+
+    <script type="text/javascript">
+
+        function onLoad() {
+            document.addEventListener("deviceready", onDeviceReady, false);
+        }
+
+        function gotPosition(position) {
+             var element = document.getElementById('geolocation');
+             element.innerHTML = 'Latitude: '  + position.coords.latitude      + '<br />' +
+                                 'Longitude: ' + position.coords.longitude     + '<br />' +
+                                 '<hr />'      + element.innerHTML;
+
+             
+
+
+        }
+
+        function positionError(error) {
+             alert('code: '    + error.code    + '\n' +
+                   'message: ' + error.message + '\n');
+        }
+
+        function onDeviceReady() {
+            // Throw an error if no update is received every 30 seconds
+            var options = { timeout: 30000 };
+            watchID = navigator.geolocation.watchPosition(gotPosition, positionError, options);        
+        }
+
+    </script>
+
+    <script type="text/javascript">
+        validation_strings = {
+            update: 'Please enter a message',
+            title: 'Please enter a subject',
+            detail: 'Please enter some details',
+            name: {
+                required: 'Please enter your name',
+                validName: 'Please enter your full name, councils need this information – if you do not wish your name to be shown on the site, untick the box below'
+            },
+            category: 'Please choose a category',
+            rznvy: {
+                required: 'Please enter your email',
+                email: 'Please enter a valid email'
+            },
+            email: {
+                required: 'Please enter your email',
+                email: 'Please enter a valid email'
+            }
+        };
+    </script>
+
+    </head>
+    <body id="container" class="frontpage fullwidthpage" onload="onLoad()" ontouchmove="touchmove(event);">
+
+        <div id="map_box">
+            <div id="map"></div>
+                <p id="sub_map_links">
+                    <a id="hide_pins_link" rel="nofollow" href="">Hide pins</a>
+                    <a id="all_pins_link" rel="nofollow" href="">Show old</a>
+                </p>
+            </div>
+
+            <div id="side">
+
+                <h1 class="big-green-banner">Click map to report a problem</h1>
+
+                <section class="full-width">
+                    <menu id="problems-nav" class="tab-nav">
+                        <ul>
+                            <li><a href="#current">Problems on the map</a></li>
+                            <li><a href="#current_near">Problems nearby</a></li>
+                        </ul>
+                    </menu>
+                    <ul id="current" class="issue-list-a tab">
+                        <li><p>No problems have been reported yet.</p></li>
+                    </ul>
+                     <ul id="current_near" class="issue-list-a tab">
+                        <li><p>No problems found.</p></li>
+                    </ul>
+                </section>
+            </div>
+
+        </div>
+
+
+    </body>
+</html>
+</html>