1 files changed, 78 insertions, 0 deletions
diff --git a/phonegap/www/no_connection.html b/phonegap/www/no_connection.html
new file mode 100644
index 000000000..8a77d9c26
--- /dev/null
+++ b/phonegap/www/no_connection.html
@@ -0,0 +1,78 @@
+<!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/json2.js"></script>
+    <script type="text/javascript" src="js/config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="cordova-1.8.0.js"></script>
+    <script type="text/javascript" src="js/jquery-1.7.0.min.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">
+        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 mobile-header" ontouchmove="touchmove(event);">
+
+        <div class="wrapper">
+            <div class="table-cell">
+                <header id="site-header" role="banner">
+                    <div class="container">
+                        <span id="site-logo"></span>
+                    </div>
+                </header>
+
+                <div class="container">
+                    <div class="content" role="main">
+                        <div class="tablewrapper">
+                            <h2>No Internet connection</h2>
+
+                            <p>
+                            There is no connection to the internet available which means
+                            you can't report a problem at the moment. Please try again when
+                            you have a connection.
+                            </p>
+                        </div>
+                    </div><!-- .content role=main -->
+                </div><!-- .container -->
+            </div><!-- .table-cell -->
+
+            <div class="mobile-info">
+                <a href="about.html">i</a>
+            </div>
+
+            <div class="big-green-banner mobile-map-banner mobile-nav-banner">
+                <a href="index.html">Home</a>
+                No connection
+            </div>
+        </div> <!-- .wrapper -->
+    </body>
+</html>
+</html>