-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresults.html
140 lines (123 loc) · 6.65 KB
/
results.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Give Generously</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<!-- Add Tithe favicon -->
<link rel="icon" href="images/tithe-favicon.png" type="image/gif" sizes="16x16">
</head>
<body>
<nav role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="index.html" class="brand-logo"><img id="logo" src="images/tithe-favicon.png" alt="Tithe"></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Back to Tithe</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a href="index.html">Back to Tithe</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="container">
<div class="section">
<div class="row">
<div class="col l12">
<div class="row">
<div id="resultsDiv" class="col l8 s12">
<h2></h2>
<img src="" class="single-photo responsive-img z-depth-3" alt="" title="" style="width: 100%;height: 400px;">
<div class="row" id="instagram-photos">
</div>
<div id="resultsRow" class="row center char-card">
</div>
</div>
<div class="col l4 s12">
<div class="card-panel alcaramel" style="min-height: 640px;">
<h5></h5>
<h6>DETAILS</h6>
<hr>
<span class="detail-title"><i class="mdi-communication-location-on"></i>Address:</span>
<span id="address-display" class=""></span>
<hr>
<span class="detail-title"><i class="mdi-device-access-time"></i> Mission:</span>
<ul class="opening-hours">
</ul>
<hr>
<span class="detail-title"><i class="mdi-maps-map"></i> On The Map</span>
<!-- MAP CONTAINER -->
<div id="wpgeo_map_6218_3" class="wpgeo_map wp_geo_map" style="width: 100%; height: 300px; position: relative; overflow: hidden;">
<div style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);">
<!-- GOOGLE MAP -->
<iframe id="charityMap" width="100%" height="100%" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/search?key=AIzaSyBIPIXu1T9Mi7cPAIYSlDiwaXMKWAxeB48&zoom=11&q=charity" allowfullscreen></iframe>
</div>
</div>
<hr>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer teal">
<div class="container">
<div class="row">
<div class="col s6">
<h5 class="white-text">Team Tithe</h5>
<p class="grey-text text-lighten-4">We are a team of college students living the dream.</p>
</div>
<div class="col s6">
<h5 class="white-text">Connect</h5>
<div class="row" style="margin-bottom: 8px;">
<div class="col s6">
<ul>
<li><a href="https://audiosutras.github.io/Bootstrap-Portfolio/index.html" target="_blank">Christopher Dixon</a></li>
<li><a href="https://chandana-k.github.io/" target="_blank">Chandana Katika</a></li>
</ul>
</div>
<div class="col s6">
<ul>
<li><a href="https://jenguin777.github.io/Bootstrap-Portfolio/portfolio.html" target="_blank">Jen Fahey</a></li>
<li><a href="https://ocskier.github.io/Bootstrap-Portfolio/portfolio.html" target="_blank">Jon Jackson</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="javascript/materialize.js"></script>
<script src="javascript/init.js"></script>
<script src="javascript/app.js"></script>
<script type="text/javascript">
(function ($) {
$(function () {
$('.sidenav').sidenav();
M.AutoInit();
}); // end of document ready
})(jQuery);
// function getIPLocation() {
// localStorage.getItem("state_abbr") ?
// document.getElementById("charityMap").src ="https://www.google.com/maps/embed/v1/search?key=AIzaSyBIPIXu1T9Mi7cPAIYSlDiwaXMKWAxeB48&zoom=10&q=charitiesnear"+ localStorage.getItem("state_abbr") :
// document.getElementById("charityMap").src ="https://www.google.com/maps/embed/v1/search?key=AIzaSyBIPIXu1T9Mi7cPAIYSlDiwaXMKWAxeB48&zoom=10&q=charitiesnear"+ addrInfo.city;
// console.log(document.getElementById("charityMap").src);
// }
// getIPLocation();
</script>
</body>
</html>