-
Notifications
You must be signed in to change notification settings - Fork 31
/
meet.html
116 lines (103 loc) · 6.02 KB
/
meet.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta name="description" content="Meet your friends Midway!">
<meta name="author" content="Nishchith Shetty">
<meta name="twitter:creator" content="@inishchith">
<meta name="twitter:url" content="https://nishchith.com/">
<meta name="twitter:site" content="@inishchith" />
<meta name="twitter:description" content="Computer Programmer" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="">
<meta property="og:description" content="Meet your friends Midway!">
<meta name="theme-color" content="#2196f3" />
<link rel="shortcut icon" type="image/icon" href="./assets/icons/favicon.ico" />
<title> Meet In The Middle </title>
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css" /> -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Amaranth|Raleway|Poor+Story|K2D" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link href="./assets/style.css" rel="stylesheet" />
</head>
<body>
<div id="map"></div>
<div class="card controls">
<div class="card-header d-flex align-items-center">
<div class="viewerCount" id="viewerBlock">
<span class="views" id="occupancy">0 </span>
<span class="views right ml-2" id="unit"> Viewers</span>
</div>
<div class="ml-auto">
<a id="share_people" class="share-people-btn" onclick="Copy_url();" >
<i class="material-icons">share</i>
</a>
</div>
<div class="ml-auto">
<button class="toggle-btn" id="Open" style="display:none">
<i class="material-icons">dehaze</i>
</button>
<button class="toggle-btn" id="Close">
<i class="material-icons">close</i>
</button>
</div>
</div>
<div class="card-body">
<div id="ResultBar" class="result-bar">
<ul class="locations m-0" id="online_people"></ul>
<a id="clear_all" class="remove-people-btn mb-4 pl-1">
Clear All
</a>
<div class="input-field">
<input type="text" id="autocomplete-input" class="autocomplete form-control form-control-sm" />
</div>
<div class="current-button">
<button type="button" id="get-current-location" class="get-current-location">Add Current Location</button>
</div>
</div>
</div>
</div>
<script>
function Copy_url()
{
var dummy = document.createElement('input'),
text = window.location.href;
document.body.appendChild(dummy);
dummy.value = text;
dummy.select();
document.execCommand('copy');
document.body.removeChild(dummy);
}
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3946542392075795" crossorigin="anonymous"></script>
<script src="https://cdn.pubnub.com/pubnub-3.14.1.min.js"></script>
<script src="./app.js"></script>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCVYSWHhuTzL-pQXOEGY51GgE_NdL2xxa0&libraries=places&callback=initMap"
async defer></script>
<!-- Compiled and minified JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
<!-- Cloudflare Web Analytics -->
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "fe06ef1c00ed429db8eab1a7de7d2366"}'></script>
<!-- End Cloudflare Web Analytics -->
<a href="https://twitter.com/inishchith" class="github-corner" aria-label="Follow on Twitter"
rel="noreferrer" target="_blank">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill:#3BA9EE; color:#fff; position: absolute; top: 0; border: 0; right: 0;"
aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="2em" height="2em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);position: absolute; top: 8; border: 0; right: 8; fill:#3f51b5; color:#fff;" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<path d="M22.46 6c-.77.35-1.6.58-2.46.69c.88-.53 1.56-1.37 1.88-2.38c-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29c0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15c0 1.49.75 2.81 1.91 3.56c-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07a4.28 4.28 0 0 0 4 2.98a8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21C16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56c.84-.6 1.56-1.36 2.14-2.23z" fill="#fff"/>
<rect x="0" y="0" width="24" height="24" fill="rgba(0, 0, 0, 0)" />
</svg>
</a>
</body>
</html>