CleanSweep/map.html at master · CableX88/CleanSweep · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Meta Tags -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>Clean Sweep</title>

    <!-- Bootstrap CSS -->
    <link
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
      rel="stylesheet" />

    <!-- Font Awesome -->
    <link
      href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
      rel="stylesheet"
      />

    <!-- Google Fonts -->
    <link
      href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap"
      rel="stylesheet" />

    <!-- Material Design Bootstrap -->
    <link
      href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.18.0/css/mdb.min.css"
      rel="stylesheet"
      />

    <link rel="stylesheet" href="assets/css/map.css" />
  </head>


  <body>

    <!-- Banner -->
    <header class="jumbotron text-center border border-dark bg-success mb-0 h1">
      <a href="index.html"><img src="assets/images/Garbage_Gone_Logo_small.png"
          alt="Clean Sweep Logo" class="rounded-circle border border-dark
          z-depth-4 hoverable img-fluid" id="logo" /></a>
    </header>

    <!-- Navigation -->
    <nav class="text-center border bg-primary h3 mb-0 p-3">
      <a href="index.html">Home</a> || <a href="map.html">Junk Map</a> ||
      <!-- <a
        href="#">Upload</a> || <a href="#">Contact</a> -->
    </nav>

    <!-- Main Content -->
    <main class="text-center unique-color white-text">JUNK MAP</main>


    <div id="map" class="border rounded-lg unique-color-dark">MAP</div>

    <!-- Footer -->
    <footer class="text-center font-weight-bold jumbotron-fluid border p-4
      bg-danger">©Clean Sweep 2020</footer>


    <!-- Javascript for Map -->
    <script src="assets/js/map.js"></script>

    <!-- Google Maps API script -->
    <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDgb53eA7xY_or8Lbr5KrFyEAcweqGTh2E&callback=initMap"
      async defer></script>
    <!-- The core Firebase JS SDK is always required and must be listed first -->
    <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-app.js"></script>
    <!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
    <script
      src="https://www.gstatic.com/firebasejs/7.14.6/firebase-analytics.js"></script>
    <script src="assets/js/firebaseConfig.js"></script>

    <!-- jQuery -->
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
      integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="crossorigin="anonymous"></script>
    <!-- Popper -->
    <script
      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
      integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
      crossorigin="anonymous"></script>

    <!-- Bootstrap Core -->
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"
      integrity="sha256-OFRAJNoaD8L3Br5lglV7VyLRf0itmoBzWUoM+Sji4/8="crossorigin="anonymous"></script>
    <!-- MDB Core Javascript -->
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.18.0/js/mdb.min.js"
      type="text/javascript"></script>
  </body>
</html>