aboutsummaryrefslogtreecommitdiffstats
path: root/phonegap/www/index.html
blob: 77de4716539394d861f7ae4251639292226fba4c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
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/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" 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 id="user-meta" class="hidden"></div>

                <div class="container">
                    <div class="content" role="main">
                        <div id="front-main">
                            <div id="front-main-container">
                                <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>

                        <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><!-- .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-sign-in-banner">
                <a id="sign_in" href="sign_in.html">Sign In</a><a id="sign_out" href="#" onclick="sign_out();">Sign Out</a>
            </div>
        </div> <!-- .wrapper -->

         <div class="spinner" id="loadingSpinner">
            <div class="bar1"></div>
            <div class="bar2"></div>
            <div class="bar3"></div>
            <div class="bar4"></div>
            <div class="bar5"></div>
            <div class="bar6"></div>
            <div class="bar7"></div>
            <div class="bar8"></div>
            <div class="bar9"></div>
            <div class="bar10"></div>
            <div class="bar11"></div>
            <div class="bar12"></div>
          </div>
    </body>
</html>
</html>