diff options
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 99 |
1 files changed, 77 insertions, 22 deletions
diff --git a/www/index.html b/www/index.html index 1e4665e..df94d7f 100644 --- a/www/index.html +++ b/www/index.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html class="mobile"> <head> <title></title> @@ -8,35 +8,90 @@ <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/mobile.css"> + <link rel="stylesheet" href="jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.css"> <script type="text/javascript" src="js/jquery-1.7.0.min.js"></script> + <script type="text/javascript" src="js/mobile_config.js"></script> + <script type="text/javascript" src="jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.js"></script> <script type="text/javascript" src="cordova-independent.js"></script> - <script type="text/javascript"> - - function onLoad() { - document.addEventListener("deviceready", onDeviceReady, false); - } - - function onDeviceReady() { - var connectionType = navigator.network.connection.type; - if (connectionType == Connection.UNKNOWN || - connectionType == Connection.NONE) { - window.location = 'frontpage-form.html'; - } else { - // There is a network connection - load the map-based - // front page: - window.location = 'frontpage-map.html'; - } - } + <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> + <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" src="js/OpenLayers.fixmystreet.js"></script> + <script type="text/javascript" src="js/map-OpenLayers.js"></script> + <script type="text/javascript" src="js/map-bing-ol.js"></script> + <script type="text/javascript" src="js/jquery.ba-hashchange.min.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" onload="onLoad()" ontouchmove="touchmove(event);"> + <body id="container" class="frontpage fullwidthpage"> + <!--ontouchmove="touchmove(event);">--> + + <div class="wrapper" id="front-page" data-role="page"> + <div class="table-cell"> + <div class="container"> + <div class="content" role="main"> + <div id="front-main"> + <div id="front-main-container" data-enhance="false"> + <form action="" method="get" name="postcodeForm" id="postcodeForm"> + <label for="pc">Enter a nearby GB postcode, or street name and area:</label> + <div> + <input type="text" name="pc" value="" id="pc" size="10" maxlength="200" placeholder="e.g. ‘B2 4QA’ or ‘Tib St, Manchester’"> + <input type="submit" value="Go" id="submit"> + </div> + </form> + </div> + </div> - <p>Checking if we have a network connection...</p> + <div class="tablewrapper"> + <div id="front-howto"> + <h2>How to report a problem</h2> + <ol class="big-numbers"> + <li>Enter a nearby GB postcode, or street name and area</li> + <li>Locate the problem on a map of the area</li> + <li>Enter details of the problem</li> + <li>We send it to the council on your behalf</li> + </ol> + </div> + </div> + </div> + </div> + </div> + <div data-role="footer" data-id="foo1" data-position="fixed"> + <div data-role="navbar"> + <ul> + <li><a href="index.html" class="ui-button-active ui-state-persist">Report</a></li> + <li><a href="account.html">Account</a></li> + <li><a href="about.html">Info</a></li> + <li><a href="my_reports.html">My</a></li> + </ul> + </div><!-- /navbar --> + </div> + </div> <!-- .wrapper --> </body> </html> -</html> |