-
Notifications
You must be signed in to change notification settings - Fork 0
/
directions.html
73 lines (70 loc) · 3.94 KB
/
directions.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lactation Location</title>
<!-- Include links to CSS stylesheets below -->
<link rel="stylesheet" href="node_modules/bulma/css/bulma.css">
<link rel="stylesheet" href="lactation.css">
<link rel="icon" href="pictures/mother.png">
</head>
<body>
<div id="root">
<section class="hero is-info">
<div class="hero-body">
<div class="container">
<button class="button" id="sign_in" style="background-color:black; color: white; margin-top: 10px; float: right; text-decoration: none;"><a href="sign_in.html" style="color: white; text-decoration: none;">Sign In</a></button>
<button class="button" id="sign_out" style="background-color:black; color: white; margin-top: 10px; float: right; text-decoration: none;"><a href="sign_out.html" style="color: white; text-decoration: none;">Sign Out</a></button>
<h1 class="title"><strong><a href="index.html" style="text-decoration: none; color: white;">Lactation Location</a></strong></h1>
<h2 class="subtitle">A woman's guide to finding a close lacation room while on UNC's campus.</h2>
<div class="field is-grouped">
<p class="control is-expanded">
<input class="input" id="searchBar" type="text" placeholder="Find a lactation room (ex. 'North Campus', 'Carolina Union')">
</p>
<p class="control" id="searchButton">
<a class="button is-dark">Search</a>
</p>
</div>
</div>
</div>
</section>
<div class="container section" style="padding:10px;">
<div class="columns">
<!-- Include links to JavaScript files below -->
<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="data.js"></script>
<div id="map"></div>
<script>
// Initialize and add the map
function initMap() {
// The location of Uluru
var uluru = {lat: -25.344, lng: 131.036};
var room1 = {lat: 35.90967, lng: -79.052628};
// The map, centered at Uluru
var map = new google.maps.Map(
document.getElementById('map'), {zoom: 4, center: uluru});
// The marker, positioned at Uluru
var marker = new google.maps.Marker({position: uluru, map: map});
google.maps.Marker({position: room1, map:map});
}
</script>
<!--Load the API from the specified URL
* The async attribute allows the browser to render the page while the API loads
* The key parameter will contain your own API key (which is not needed for this tutorial)
* The callback parameter executes the initMap() function
-->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCMm5aIAjT3m0MSPEnM-aeZ8tYznHS0SGo&callback=initMap">
</script>
</div>
</div>
</div>
<footer class="footer" style="padding:20px !important; background-color:lightgray; margin-top: 20px;">
<div class="content has-text-centered">
<p><strong>KMPeeps' Lacation Location</strong> created by Abby Brosnan, Jessica Davis, and Cassidy Soutter.</p>
</div>
</footer>
<script src="permissions.js" type="module"></script>
</body>
</html>