1800_202310_BBY06/filters.html at main · PhoenixAlpha204/1800_202310_BBY06 · GitHub

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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>CryoCatcher</title>

    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Bootstrap Library CSS CDN go here -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />
    <!-- Boostrap Library JS CDN  go here -->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
      crossorigin="anonymous"
    ></script>

    <!-------------------------------------------------------->
    <!-- Firebase 8 Library related CSS, JS, JQuery go here -->
    <!-------------------------------------------------------->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/ui/4.8.1/firebase-ui-auth.js"></script>
    <link
      type="text/css"
      rel="stylesheet"
      href="https://www.gstatic.com/firebasejs/ui/4.8.1/firebase-ui-auth.css"
    />

    <!-- Other libraries go here -->
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
    />

    <!-- Link to styles of your own ------------------>
    <link rel="stylesheet" href="./styles/global.css" />
    <link rel="icon" type="image/x-icon" href="/images/icons/favicon.ico" />
  </head>
  <body class="back_image">
    <!--Cancel button, returns to map-->
    <a href="map.html">
      <button type="button" class="btn-close" aria-label="Close"></button>
    </a>
    <div
      class="container"
      style="margin-bottom: 100px; font-size: 18pt; text-align: center"
    >
      <header class="text-center">
        <h1 style="margin-bottom: 3%">Filters</h1>
      </header>
      <br /><br /><br /><br />
      <form>
        <div class="form-group">
          <label for="driving" style="margin-right: 20px"> Driving</label>
          <input
            class="form-check-input"
            type="checkbox"
            id="driving"
            name="driving"
            value="Driving"
            checked
          />
          <br />
          <label for="transit" style="margin-right: 27px"> Transit</label>
          <input
            class="form-check-input"
            type="checkbox"
            id="transit"
            name="transit"
            value="Transit"
            checked
          />
          <br />
          <label for="cycling" style="margin-right: 19px"> Cycling</label>
          <input
            class="form-check-input"
            type="checkbox"
            id="cycling"
            name="cycling"
            value="Cycling"
            checked
          />
          <br />
          <label for="walking" style="margin-right: 12px"> Walking</label>
          <input
            class="form-check-input"
            type="checkbox"
            id="walking"
            name="walking"
            value="Walking"
            checked
          />
          <br /><br />
          <div class="d-flex justify-content-end">
            <button
              type="button"
              class="btn btn-lg btn-primary pull-right"
              onclick="changeFilters()"
            >
              Done
            </button>
          </div>
        </div>
      </form>
    </div>

    <!--Navbar-->
    <nav class="navbar navbar-custom fixed-bottom">
      <div class="container py-1 d-flex justify-content-between">
        <a class="nav-link flex-fill text-center" href="map.html">
          <i class="material-icons">map</i>
        </a>
        <a class="nav-link flex-fill text-center" href="transit.html">
          <i class="material-icons">directions_bus</i>
        </a>
        <a class="nav-link flex-fill text-center" href="weather.html">
          <i class="material-icons">cloud</i>
        </a>
        <a class="nav-link flex-fill text-center" href="profile.html">
          <i class="material-icons">account_circle</i>
        </a>
      </div>
    </nav>

    <!---------------------------------------------->
    <!-- Your own JavaScript functions go here    -->
    <!---------------------------------------------->

    <!-- Link to scripts of your own -->
    <script src="./scripts/firebaseAPI_team06.js"></script>
    <script src="./scripts/authentication.js"></script>
    <script src="./scripts/filters.js"></script>
  </body>
</html>